Notepad++, links og billeder

Dagens program

1. Links

2. Billeder

3. Notepad++

4. Start på ens hjemmeside

Links

Links til billeder, eller andre ting skrives på følgende måde

1 <a href="http://www.mkuv.dk">mkuv</a>


Forklaring

  • a = link starter
  • href = fortæller hvor linket peger hen
  • ">mkuv<" det der vises på siden (som man klikker på)

Billeder

Et billede indsættes på følgende måde:

1 <img src="http://minadresse.dk/mitbillede.jpg" alt="mit billede">


Forklaring:

  • img = billede-tagget starter
  • src = fortæller hvor linket peger hen
  • alt = Hvis billedet ikke vises, vises denne tekst
  • width = Billedets bredde, her kan du "snyde" browseren til at vise dit billede som det vil have det

Opgave



Brug din index.html fil fra sidst, indsæt 3 links og billeder

Skabeloner

http://www.opendesigns.org/design/xtra-art/ kan man finde gratis hjemmeside skabeloner. Prøv at finde et, du synes om. Download det. Åben det og prøv at skrive i det.

Notepad++

Notepad++ Logo
  • Notepad++ er et tekstprogram som kan bruges til hjemmeside skrivning.
  • Det er frivilligt om man vil bruge det i undervisningen,
  • ...det kan køres fra en USB-pind og kan hentes på: