Länkar och bilder

Bilder

Ibland blir det lite tråkigt med bara en massa text på hemsidan, då vill man piffa upp den med lite bilder! Bilder är väldigt lätt i HTML och man kan även använda bilder för länkar. Därför går vi igenom bilder först innan vi går igenom länkar. För att infoga en bild använder vi:

<img src="bilden_som_du_vill_ha.jpg" width="100" height="80"> src="x" anger var bilden ligger. Width är för bredden på bilden och height för höjden. Man behöver inte ange bredd och höjd på bilden men det rekomenderas. Vill man ha både text och bild använder man align och sedan skriver man var texten ska positioneras. Då använder man följande kod. <img src="Landskap.gif" align="right"> Så här ser det ut i webbläsaren:

Länkar

Nu vill du ha lite länkar. Länkar är hela poängen med internet. En textlänk för Google ser ut som följande:

<a href="http://www.google.se">Till google</a>

Vilket blir så här: Till google Detta är för att länka till en extern sida. Vill du länka till en annan HTML dokument så skriver du bara sökvägen till mappen.

Men att bara ha textlänkar blir i längden lite tråkigt. Då kan du använda bildlänkar. För att använda bildlänkar skriver du sökvägen till bilddokumentet som om det vore text för en textlänk. <a href="http://www.google.se"><img src="Landskap.gif"></a>

För att ta bort ramen på en bild lägger du bara till border och sedan storleken för den. <a href="http://www.google.se"><img src="Landskap.gif" border="0"></a>

Du kan även lägga till target="_blank" för att öppna ett extern fönster.