Länkar & bilder
För att få sin hemsida lite snyggare och se mer professionell ut eller helt enkelt bara fylla ut tomma platser, så kan man använda bilder.
Detta gör du genom att skriva <img src="din_bild.jpg"> (observera att denna taggen ej avslutas), det går även att lägga till en hel del saker i img-taggen, precis som i body och font-taggarna.
Border="0" är mycket bra att lägga till, då den ofta lila ramen försvinner.
Du kan, om du vill ha ram på bilden (Och själv bestämma vilken färg den ska vara i) skriva Border="1" och sedan lägga till bordercolor="#färgen" i img-taggen.
Om du vill så kan du även ändra storleken på bilden, detta kan vara användbart utifall bilden är på tok för stor (Om du nu inte har möjlighet att förminska den i något bildbehandlingsprogram).
Du ändrar storleken genom att skriva width="xxx" respektive height="xxx", du kan enbart skriva width eller height om du vill att den ska anpassas efter just höjden eller bredden.
Det går att använda % när du använder bilder, detta är ganska smidigt om du vill ha bilden över ett visst område på sidan, detta kan dock bli konstigt då många använder en annan skärmupplösning jämfört mot dig.
När du ska länka till bilden så måste du kolla så att den finns i samma mapp som filen du länkar ifrån, om inte så måste du ändra lite i sökvägen.
Ligger bilden utanför mappen med din hemsida fil i?
<img src=”../bilden.jpg”> - ../ backar en map och letar efter bilden.jpg där.
Ligger bilden i en mapp?
<img src=”mappen/bilden.jpg”> - Nu letar koden efter bilden.jpg i mappen som heter mappen.
Nu ska vi lära oss hur man länkar till andra hemsidor
<a href=”http://www.nplp.se/webdesign” target=”_blank”>TE - webdesign</a>
target="_blank" betyder att sidan öppnas i en ny ruta så du slipper bli av med sidan du kollar på just nu. Det går även att ha andra targets, så att sidan visas på din sida i ett litet fönster(iframes), fast det är lite krångligare. På länkar så kan du lägga till title="Vad det ska stå" det blir då en ruta ovanför länken där det står "Vad det ska stå".
Länkning till andra filer på din hemsida går till på samma sätt som med bilder.
För att länka en bild till någon annan sida så lägger du ihop taggarna, såhär...
<a href="filen.html"><img src="bilden.jpg"></a> - Kom ihåg border="0" på bilden och target="_blank" på länken, beroende på hur du vill ha det...
Om du vill att besökare ska kunna kontakta dig genom e-post på din hemsida så kan du skriva såhär, <a href="mailto:webdesign@nplp.se">Mejla mig</a>.
Byt ut webdesign@nplp.se mot din mejl-adress.
Om en besökare klickar på den länken så öppnas ett e-post program (Outlook Express eller liknande) så att de kan mejla till dig.