Blogg

Dec

13:34

Vad är HTML?

Html ikon

HTML som står för HyperText Markup Language är ett såkallat märkspråk som man använder för att skapa Webbsidor. Ett HTML dokument innehåller strukturerad text som tack vare webbläsaren tolkas och visas som en webbsida. HTML är alltså ett klientspråk som tolkas av besökarens webbläsare. Detta gör att webbsidan kan se annorlunda ut beroende på vilken webbläsare besökaren använder.

Filnamnet till ett HTML dokument avslutas oftast med .html eller .htm.

Element och taggar

HTML använder sig utav Element som oftast består av två Taggar ett exempel på detta är <strong> där ”strong” är Elementet och där <strong> är öppningstaggen och </strong> är stängningstaggen. Taggarna omsluter den text man vill att dom ska påverka till exempel <strong>text</strong> som blir text

Ett Element kan också ha ett Attribut som alltid har ett värde. Attributet följs med ett = tecken och Värdet omsluts av två ” tecken. Ett exempel på det är <span class=”vit”> </span>. Här är nu span som är Elementet och där öppningstaggen innehåller class som är Attributet och där ”vit” är Värdet i Attributet.

Det finns även Element som inte har någon stängningstagg som till exempel <br> och <hr>. Dessa är dock lite speciella om man ska koda i XHTML men mer om detta kommer i en senare artikel.

Elementtyper

Man har kategoriserat Elementen i 4 olika kategorier:

Strukturmärkning – Bekriver syftet med texten, till exempel <h1>Text</h1> som beskriver texten som en rubrik.

Presentationsmärkning – Beskriver stilen på texten, till exempel <i>text</i> som beskriver stilen på texten som italic. Många webbutvecklare har dock idag börjat använda struktur framför presentationsmärkning och ändrat stilen med CSS.

Hyperlänkmärkningar – Skapar länkar till andra dokument eller sektioner i det aktiva dokumentet, till exempel <a href=”http://www.elatus.se”>Elatus</a>. Som skriver ut Elatus och länkar till http://www.elatus.se.

Interaktiva element – Skapar interaktiva objekt, till exempel <button>Skicka</button>. Som skapar en klickbar knapp som det står ”Skicka” på.

Document Type Declaration

Document Type Declaration, mer känt som ”Doctype” är det som alla HTML dokument ska börja med. Det Doctype gör är att visa hur webbsidan ska renderas, så webbläsaren vet vilken standard koden är kodad i.

Ett exempel på detta:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Doctypes finns i dom flesta fall i 3 olika utföranden: transitional, strict och framset.

Transitional – Är mer överseende med vad man använder för element, tillåter äldre element som inte strict gör.

Strict – Gillar inte att man använder Element som tillhör presentationsmärkning, utan att man ska istället fixa stilen med CSS.

Frameset – Är den enda Doctype som stödjer ramar (frames).

World Wide Web Consurtium (w3c)

Är den internationella standard organisationen för World Wide Web, w3c grundades 1994 av Tim Berners-Lee som presenterade den första beskrivningen utav HTML 1991. Det är dem som utvecklar och bestämmer hur HTML ska se ut. Det är deras HTML standard man ska följa när man ska koda en validerad kod.