Tag'er, Attributter og Elementer

Selvom det meste i HTML er ren tekst, så trenger vi litt mer for å lage et skinnende HTML-dokument.

Tags

Den grunnleggende strukturen i et HTML dokument er bygd opp av tag’er som ligger rundt innhold, og gir innholdet en betydning.

Endre tekstfila di, slik at det ser slik ut:

<!DOCTYPE html>
<html>
<body>
    This is my first web page
</body>
</html>

Lagre dokumentet igjen, gå til nettleseren og last inn sida på nytt.

Utseendet har ikke endret seg, men poenget med HTML er å endre betydning, ikke presentasjon.

Den første linja , <!DOCTYPE html>, forteller nettleseren hva slags dokumenttype vi skriver. Det er veldig viktig å ha denne på toppen, så ikke ymse nettlesere tolker resten av dokumentet galt.

Tilbake til poenget, <html> er en åpningstag som sparker ting i gang, og forteller nettleseren at alt mellom den, og </html>, en lukketag, er et HTML-dokument. Det som ligger mellom <body> og </body> er dokumentets hovedinnhold som vises i nettleseren.

Lukketag’er

</body> og </html> lukker altså sine respektive elementer (mer om elementer om bittelitt)

Ikke alle tag’er har lukketag’er som <html></html>. Det gjelder de som ikke lukker rundt noe innhold. Eksempelvis kan vi se på <br> som lager linjeskift. Den kan ikke ha noe innhold, og står derfor alene.

Alt du trenger å huske er altså at tag’er som har innhold skal lukkes, og følger formatet:
åpnetag → innhold → lukketag.

Når du leser andre sin kode kan det hende at du kommer over «selv-lukkende»-tag’s, som ser slik ut <br /> istedenfor <br>. Dette er noe som henger igjen fra noe som heter XHTML, en form for HTML som er basert på noe som heter XML. Det er ikke noe galt med dette, men jeg holder meg gjerne til den enklere versjonen som nevnt over.

Attributter

Tag’er kan også ha attributter, som er ekstra biter med informasjon. Attributter legges til inni åpnetag’en, og verdiene deres ligger omkranset av anførselstegn, litt som dette:
<tag attribute="verdi">Suppekjøkken</tag>

Vi skal se mer på attributter senere.

Elementer

Tag’er gjør ikke så mye mer enn å markere starten, og slutten på et element. Elementer er delene som lager web sider. Vi ser for eksempel at alt som er inni, og inkluderer <body> og </body> tag’ene er body-elementet. Et annet eksempel: <title> og </title> er tag’er, mens <title>Frodo Baggins</title> er et tittel-element