Element i HTML har attribut vilket Àr ytterligare vÀrden som
konfigurerar taggarna eller justerar deras beteende pÄ olika sÀtt för
att uppfylla de kriterier som anvÀndarna ska ha. Alla HTML-element kan
ha attribut och ger ytterligare information om elementet. Dessa
attribut anges alltid i starttaggen och skrivs vanligtvis i namn /
vÀrde-par som:
namn = "vÀrde"
.
SÀg att du har en bild pÄ sidan och att placeringen Àr bra men vill ha
en ram runt bilden, dÄ kan du anvÀnda dig utav
border
attributet.
<img src="bild.jpg" alt="Importerad bild">
Om vi utgÄr att vi har skrivit som taggen ovan och ska ha en ram som
Àr 5 pixlar tjock sÄ skriver vi till
border
attributet och sÀtter vÀrdet till
5px
.
<img border="5px" src="bild.jpg" alt="Importerad bild">
Om vi har anvÀnt oss av
<hr>
taggen och vill Àndra fÀrgen pÄ den sÄ kan vi anvÀnda oss av color
attributet. Taggen representerar ett tematiskt avbrott mellan element
pÄ styckenivÄ. LÄt sÀga att vi ska Àndra fÀrgen till rött, dÄ lÀgger
vi till
color
attributet och sÀtter vÀrdet till
red
.
<hr color="red">
alt
attributet Àr obligatiskt för
<img>
taggen och anger en alternativ text istÀllet för bilden om bilden av
nÄgon anledning inte kan visas. Detta kan bero pÄ lÄngsam anslutning
eller ett fel i
src
attributet, eller om anvÀndaren anvÀnder en skÀrmlÀsare. SÀg att vi
har en bild pÄ en kille med en luvtröja, dÄ kan vÀrdet pÄ vÄrat
attribut vara
Boy with hoodie
.
<img src="hoodie_boy.jpg" alt="Boy with hoodie">
title
attributet definierar lite extra information om ett element och visas
i en liten textruta nÀr du hÄller musen över elementet. Vill vi att
texten
Àr du sÀker pÄ det?
ska visas om man hÄller musen över en text sÄ kan vi skriva
title="Àr du sÀker pÄ det?"
.
<p title="Àr du sÀker pÄ det?">Du Àr
jÀttesnygg</p>
Nu borde du ha koll pÄ vad attribut Àr och kan kika pÄ de andra avsnitten. NÀsta avsnitt handlar om att göra en hemsida responsiv vilket du kan gÄ till direkt genom att klicka hÀr.