|
|
|
|
|
|
|
|||
|
JavaScript.nu
/
HTML-kurs
/
Taggar och attribut
Taggar och attribut
I detta kapitel: Taggar och attribut Taggar utan attribut Taggar utan avslutningstagg Ändra koden Taggar som inte behöver avslutningstagg Stor och liten bokstav Taggar i rätt ordning Citationstecken Test I de senaste kapitlen lärde du dig dels vad taggar och attribut är. Vi lärde oss dock bara lite allmänt om vad en tagg och vad ett attribut är för något. I detta kapitel ska vi mer grundligt gå genom vad en tagg och vad ett attribut är för något. Detta är grundläggande kunskaper du kommer att behöva inför framtida studier av språket HTML. Låt oss nu på lätt svenska beskriva vad taggar och attribut är för något: Tänk dig att du ska säga åt en målare att måla en tavla. Säg åt denna att måla ett hus. Detta hus kan se ut på tusen olika sätt. Vill du sedan specificera dig lite mer måste du beskriva vad du vill ha utförligare. Istället för att bara säga att du vill ha ett hus kan det vara klokt att beskriva husets storlek, takets färg, väggarnas färg och husets typ (höghus/radhus/villa?). På samma sätt måste du beskriva hur din hemsida ska se ut för webbläsaren. Den första sida du skapade (kapitel 2) innehöll bara en tom BODY-tagg. Då blev din sida helt vit och med svart text. Dvs, webbläsarens standardfärger. I kapitlet efter det (kapitel 3) hade du två attribut (BGCOLOR och TEXT) som beskrev för webbläsaren vilken bakgrundsfärg och textfärg du ville att din sida skulle ha. Man kan enkelt säga att målaren är din webbläsare, huset som målaren målade är din tagg och husets storlek och färg är dess attribut (attributen beskriver taggen, på samma sätt som husets beskrivning beskriver huset).
Alla taggar har inte attribut. Om du t.ex. vill att webbläsaren ska
skriva en text med fet text behöver du inte "förklara"
något extra för webbläsaren. Det räcker med att du använder en tagg
(som förövrigt skrivs <B>fet text</B> (B = Bold, eng. "fetstil")) för att webbläsaren
ska förstå hur du vill ha din text ("den ska vara fet").
Fast om du t.ex. vill ha en bild på din sida måste du ha dels
en tagg för själva bilden (som är <IMG> (IMG = IMaGe, eng. bild)), dels kan
du också ha attribut som beskriver vart på internet bilden finns,
hur bred bilden är och hur hög bilden är.
Du har tidigare lärt dig att en tagg även kan ha en avslutningstagg.
T.ex:
Alla taggar har dock inte en avslutningstagg. Om du t.ex. ska infoga en bild på din hemsida krävs ingen avslutningstagg. Webbläsaren infogar en tagg en bild där du har en bild-tagg (<IMG>). Det behövs ingen tagg som "avslutar" bilden. Har du istället använt en "fet text"-tagg (<B>) så måste webbläsaren veta vart du vill avsluta ditt skrivande med fet text. Du börjar alltså med en starttagg, t.ex. <B>, där du vill börja skriva med fet text, och där du vill sluta skriva med fet text skriver du </B>. </B> avslutar alltså <B>. En bild (<IMG>) behöver som sagt inte "avslutas", varför det inte finns något som </IMG> i HTML. Låt oss ta ett konkret exempel på detta. Öppna din hemsida och uppdatera den med koden nedan:
Resultat blir som man kan förvänta sig: 
För att göra rätt för oss ska det också nämnas att det finns vissa taggar som man kan, men inte behöver, avsluta. Ett exempel på en sådan tagg är <P>, som står för paragraph, dvs. stycke. Det är inte "fel" att använda </P> efter att du använt <P>, fast du behöver inte göra det.
Du kanske lagt märke till att samtliga taggar jag skrivit har skrivits
med stor bokstav. Är detta ett måste? Svaret är kort och gott nej.
Du kan skriva taggar och attribut med såväl stora som små bokstäver. Du kan t.o.m.
blanda stora och små bokstäver. Båda dessa alternativ är alltså giltiga:
Det är helt upp till dig hur du vill
skriva dina taggar och attribut. Vad tycker du blir snyggast,
stora eller små bokstäver? Här visas några olika stilar som är vanliga
hos olika webbdesigners:
Alla varianter är självklart "lika rätt". Framöver kan du välja den stil som passar just dig. Liksom de flesta andra regler så har denna regel undantag. Vissa attributvärden (attributvärde är det värde attributet har, t.ex. green eller red) skiljer mellan stora och små bokstäver. Då är det skillnad på att skriva "HEJSAN" och "hejsan". Detta är dock överkurs, så vi tar inte upp det här. Du kan med andra ord välja om du vill skriva de taggar/attribut vi framöver ska använda med stora eller små bokstäver.
Vartefter som du lär dig fler taggar och du använder många olika
taggar så måste du tänka på i vilken ordning du skriver dem.
Detta exempel är inte rätt:
Du måste alltså ha taggarna på ett sådant sätt så att den
tagg du startar först även avslutas sist.
Har du först <CENTER> och sedan <H2> så måste du
efter TEXT först avsluta </H2> och därefter </CENTER>.
Det jag nu tänker skriva om är lite överkurs,
så om du inte begriper dig på vad som menas med detta,
hoppa över det.
Fast ibland, i vissa attribut, måste man ha med citationstecken
runt sina attributvärden. Då kan man alltså inte "strunta"
i att ta med citationstecken. Mallen nedan beskriver när du måste
ha med citationstecken (annars är det frivilligt, dvs., vill du så
kan du ha det, annars har du inte med citationstecken).
Jag personligen föredrar att alltid ha citationstecken, för det kan aldrig skada att ha citationstecken. Om du någonsin tvivlar om du ska ha citationstecken eller inte bör du ha det!
Copyright © Omid Rouhani 1997-2022; Alla rättigheter reserverade. Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ] |
