Typografi

Den sidste er ikke mere end en fod høj og omkring syv skridt på tværs, blot en flad top af en grå sten, der ryger som en varm aske efter et brusebad, og hvor ingen ville bryde sig om at vove en nøgen sål før solnedgang. På Lille Isabel rasler en gammel, pjaltet palme, med en tyk svulmende stamme, ru med pigge, en meget heks blandt palmer, en dyster flok døde blade over det grove sand.

Overskrift 1 (H1)

Den sidste er ikke mere end en fod høj og omkring syv skridt på tværs, blot en flad top af en grå sten, der ryger som en varm aske efter et brusebad, og hvor ingen ville bryde sig om at vove en nøgen sål før solnedgang. På Lille Isabel rasler en gammel, pjaltet palme, med en tyk svulmende stamme, ru med pigge, en meget heks blandt palmer, en dyster flok døde blade over det grove sand.

Overskrift 2 (H2)

Den sidste er ikke mere end en fod høj og omkring syv skridt på tværs, blot en flad top af en grå sten, der ryger som en varm aske efter et brusebad, og hvor ingen ville bryde sig om at vove en nøgen sål før solnedgang. På Lille Isabel rasler en gammel, pjaltet palme, med en tyk svulmende stamme, ru med pigge, en meget heks blandt palmer, en dyster flok døde blade over det grove sand.

Overskrift 3 (H3)

Den sidste er ikke mere end en fod høj og omkring syv skridt på tværs, blot en flad top af en grå sten, der ryger som en varm aske efter et brusebad, og hvor ingen ville bryde sig om at vove en nøgen sål før solnedgang. På Lille Isabel rasler en gammel, pjaltet palme, med en tyk svulmende stamme, ru med pigge, en meget heks blandt palmer, en dyster flok døde blade over det grove sand.

Overskrift 4 (H4)

Den sidste er ikke mere end en fod høj og omkring syv skridt på tværs, blot en flad top af en grå sten, der ryger som en varm aske efter et brusebad, og hvor ingen ville bryde sig om at vove en nøgen sål før solnedgang. På Lille Isabel rasler en gammel, pjaltet palme, med en tyk svulmende stamme, ru med pigge, en meget heks blandt palmer, en dyster flok døde blade over det grove sand.

Overskrift 5 (H5)

Den sidste er ikke mere end en fod høj og omkring syv skridt på tværs, blot en flad top af en grå sten, der ryger som en varm aske efter et brusebad, og hvor ingen ville bryde sig om at vove en nøgen sål før solnedgang. På Lille Isabel rasler en gammel, pjaltet palme, med en tyk svulmende stamme, ru med pigge, en meget heks blandt palmer, en dyster flok døde blade over det grove sand.

Overskrift 6 (H6)

Den sidste er ikke mere end en fod høj og omkring syv skridt på tværs, blot en flad top af en grå sten, der ryger som en varm aske efter et brusebad, og hvor ingen ville bryde sig om at vove en nøgen sål før solnedgang. På Lille Isabel rasler en gammel, pjaltet palme, med en tyk svulmende stamme, ru med pigge, en meget heks blandt palmer, en dyster flok døde blade over det grove sand.

Blokcitater

Enkelt linje blokcitat:

Forbliv sulten. Forbliv dum.

Flerlinjers blokcitat med en citeret reference:

Det HTML

Element (eller HTML-bloktilbudselement) angiver, at den vedlagte tekst er et udvidet citat. Normalt gengives dette visuelt ved indrykning (se Noter for hvordan man ændrer det). En URL til kilden til citatet kan gives ved hjælp af citere attribut, mens en tekstrepræsentation af kilden kan gives ved hjælp af element.

flere bidragydere – MDN HTML-elementreference – blokcitat

Tabeller

Medarbejder Løn
John Doe $1 For det var alt, Steve Jobs havde brug for til løn.
Jane Doe $100K For al den blogging hun laver.
Fred Bloggs $100M Billeder siger mere end tusind ord, ikke? Så Jane x 1.000.
Jane Blogs $100B Med sådan et hår?! Nok sagt…

Definitionslister

Definition Listetitel
Definition listeopdeling.
Start op
En startup virksomhed eller startup er en virksomhed eller midlertidig organisation designet til at søge efter en gentagelig og skalerbar forretningsmodel.
#arbejde
Opfundet af Rob Dyrdek og hans personlige kropsvagt Christopher "Big Black" Boykins, "Do Work" fungerer som en selvmotivator for at motivere dine venner.
Gør det live
Jeg lader Bill O'Reilly gøre det forklare denne.

Uordnede lister (indlejret)

  • Listepunkt et
    • Listepunkt et
      • Listepunkt et
      • Liste punkt to
      • Listepunkt tre
      • Listepunkt fire
    • Liste punkt to
    • Listepunkt tre
    • Listepunkt fire
  • Liste punkt to
  • Listepunkt tre
  • Listepunkt fire

Ordnet liste (indlejret)

  1. Listepunkt et - start kl. 8
    1. Listepunkt et
      1. Listepunkt 1 - omvendt attribut
      2. Liste punkt to
      3. Listepunkt tre
      4. Listepunkt fire
    2. Liste punkt to
    3. Listepunkt tre
    4. Listepunkt fire
  2. Liste punkt to
  3. Listepunkt tre
  4. Listepunkt fire

HTML-tags

Disse understøttede tags kommer fra WordPress.com-koden FAQ.

Adressemærke

1 uendelig sløjfe
Cupertino, CA 95014
Forenede Stater

Ankermærke (aka. Link)

Dette er et eksempel på en link.

Forkortelse Tag

Forkortelsen srsly står for "seriøst".

Akronym tag (forældet i HTML5)

Akronymet ftw står for "for the win".

Stort tag (forældet i HTML5)

Disse tests er en stor aftale, men dette tag er ikke længere understøttet i HTML5.

Citer Tag

"Kode er poesi." —Automatisk

Kode Tag

Dette tag stiler kodeblokke.
.post-title {
margin: 0 0 5px;
font-weight: fed;
skriftstørrelse: 38px;
linjehøjde: 1,2;
og her er en linje med noget virkelig, virkelig, virkelig, virkelig lang tekst, bare for at se, hvordan det håndteres, og for at finde ud af, hvordan det flyder over;
}

Du vil senere i disse test lære, at ord-ombrydning: break-word; vil være din bedste ven.

Slet tag

Dette tag vil lade dig overstrege tekst, men dette tag er anbefalede understøttet i HTML5 (brug i stedet).

Fremhæv Tag

Fremhævningsmærket skal kursiv tekst.

Vandret regelmærke


Denne sætning følger en <hr /> tag.

Indsæt tag

Dette tag skal angive indsat tekst.

Tastaturmærke

Dette næppe kendte tag emulerer tastatur tekst, som normalt er stylet som den tag.

Forformateret tag

Dette tag er til at bevare hvidt mellemrum som skrevet, såsom i poesi eller ASCII-kunst.

Vejen Ikke taget


Robert Frost


  To veje adskilte sig i en gul skov, Og undskyld jeg kunne ikke rejse begge (_/) Og være én rejsende, længe jeg stod (='.'=) Og så ned den ene så langt jeg kunne (")_(") Dertil hvor den bøjede sig i underskoven; Så tog den anden, som lige så rimelig, Og har måske bedre krav, |_/| Fordi den var græsklædt og ville have slid; / @ @ Skønt med hensyn til, at den forbifarte der ( > º < ) havde båret dem egentlig omtrent det samme, `>>x<<´ / O Og begge den morgen lå lige i blade, ingen skridt havde trådt sort. Åh, jeg beholdt den første til en anden dag! Men da jeg vidste, hvordan vejen fører til vejen, tvivlede jeg på, om jeg nogensinde skulle komme tilbage. Jeg skal fortælle dette med et suk. Et eller andet sted ældes og ældes derfor: To veje skilte sig ad i en skov, og jeg – jeg tog den, der var mindre rejst forbi, og det har gjort hele forskellen. og her er en linje med noget virkelig, virkelig, virkelig, virkelig lang tekst, bare for at se, hvordan det håndteres, og for at finde ud af, hvordan det flyder over;

Citat Tag for korte, inline citater

Udviklere, udviklere, udviklere... – Steve Ballmer

Strike Tag (forældet i HTML5) og S Tag

Dette tag viser gennemslag tekst.

Lille Tag

Dette tag viser mindre tekst.

Stærkt tag

Dette tag viser fed tekst.

Subscript Tag

Kom i gang med vores videnskabelige styling med H2O, som skal trykke "2" ned.

Superscript Tag

Holder sig stadig til videnskaben og Albert Einsteins E = MC2, som skal løfte de 2 op.

Teletype Tag (forældet i HTML5)

Dette sjældent brugte tag emulerer fjernskriv tekst, som normalt er stylet som den tag.

Understreget tag forældet i HTML 4, genindført i HTML5 med anden semantik

Dette tag viser understreget tekst.

Variabel tag

Dette giver dig mulighed for at markere variabler.

Billedbelysning

Centerjusteringsbillede

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

I sed porta lectus, auktor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

Venstrejusteringsbillede

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit på est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis i faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. I sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Heltal facilisis aliquet elit, en egestas quam cursus quis. I mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Højrejusteringsbillede

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit på est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis i faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. I sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Heltal facilisis aliquet elit, en egestas quam cursus quis. I mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

150 × 150 billede, som er venstrejusteret

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit på est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis i faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. I sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Heltal facilisis aliquet elit, en egestas quam cursus quis. I mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Stort billede

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

surflektioner

I sed porta lectus, auktor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.