HTML skola
HTML formatering

HTML formatering

För att formatera och beskriva innehållet på en webbsida används olika formatelement. Elementets namn ger även en hänvisning om hur de flesta webbläsare kommer att visa texten som finns i elementet.

Det finns två typer av formatelement.

  • Fysiska formatelement som enbart påverkar hur ett visst innehåll ska visar av en läsare.
  • Logiska formatelement som ibland är sammankopplade med en visuell stil men innehåller även en hänvisning om vad elementet innehåller.

Formatelement är alltid inline-element vilket innebär att elementen flyter efter varandra utan en automatisk radbrytning emellan.

Fysiska formatelement

Dessa element har en inbyggd formatsemantik som styr hur webbläsare ska visa innehållet. I många fall kan det dock vara bättre att använda logiska formatelement som innehåller mer information om innehållet och sedan styra hur de ska visas med hjälp av stilmallar (css).

Elementnamn Taggar Innehåll återges
Big <big></big> Större text än den vanliga textstorleken
Bold <b></b> Fet text
Italic <i></i> Kursiv text
Keyboard <kbd></kbd> Fast teckenbredd liknande en gammaldags skrivmaskin
Underline <u></u> Understruken text
Small <small></small> Mindre text än den vanliga textstorleken
Strikethrough <strike></strike> Genomstruken text
Sub <sub></sub> Nedsänkt text
Sup <sup></sup> Upphöjd text
True Type <tt></tt> Fast teckenbredd

Exempel på fysiska formatelement.

Logiska formatelement

Logiska formatelement ger information om innehållet i elementet. Vissa av de logiska formatelementen visas av läsarna i fetstil eller kursiv stil. Detta kan dock variera mellan olika läsare så för att få full kontroll över elementens utseende bör man koppla dem till stilmallar (css).

Elementnamn Taggar Kommentar
Abbreviation <abbr></abbr> Anger en förkortning
Ingen visuell formatering.
Acronym <acronym></acronym> Anger en akronym
Ingen visuell formatering
Address <address></address> Anger kontaktuppgifter i ett dokument
Kursiv text
Cite <cite></cite> Anger ett citat
Kursiv text
Code <code></code> Anger programkod
Fast teckenbredd
Definition <dfn></dfn> Anger en definition av en term
Kursiv text
Emphasis <em></em> Anger betonad text
Kursiv text
Quotation <q></q> Anger ett kort citat
Kursiv text
Sample <samp></samp> Anger ett bokstavligt exempel
Fast teckenbredd
Span <span></span> Anger ett textintervall
Används som hjälpmedel till format- eller class-attribut
Strong <strong></strong> Anger starkt betonad text
Fet text
Variable <var></var> Anger en variabel
Kursiv text

Exempel på logiska formatelement.

| Mer