Typografi

Den siste er ikke mer enn en fot høy, og omtrent syv skritt på tvers, bare en flat topp av en grå stein som ryker som en varm slagg etter en dusj, og hvor ingen ville bry seg om å våge en naken såle før solnedgang. På Lille Isabel rasler en gammel fillete palme, med en tykk svulmende stamme grov med pigger, en veldig heks blant palmetrær, en dyster haug med døde blader over den grove sanden.

Overskrift 1 (H1)

Den siste er ikke mer enn en fot høy, og omtrent syv skritt på tvers, bare en flat topp av en grå stein som ryker som en varm slagg etter en dusj, og hvor ingen ville bry seg om å våge en naken såle før solnedgang. På Lille Isabel rasler en gammel fillete palme, med en tykk svulmende stamme grov med pigger, en veldig heks blant palmetrær, en dyster haug med døde blader over den grove sanden.

Overskrift 2 (H2)

Den siste er ikke mer enn en fot høy, og omtrent syv skritt på tvers, bare en flat topp av en grå stein som ryker som en varm slagg etter en dusj, og hvor ingen ville bry seg om å våge en naken såle før solnedgang. På Lille Isabel rasler en gammel fillete palme, med en tykk svulmende stamme grov med pigger, en veldig heks blant palmetrær, en dyster haug med døde blader over den grove sanden.

Overskrift 3 (H3)

Den siste er ikke mer enn en fot høy, og omtrent syv skritt på tvers, bare en flat topp av en grå stein som ryker som en varm slagg etter en dusj, og hvor ingen ville bry seg om å våge en naken såle før solnedgang. På Lille Isabel rasler en gammel fillete palme, med en tykk svulmende stamme grov med pigger, en veldig heks blant palmetrær, en dyster haug med døde blader over den grove sanden.

Overskrift 4 (H4)

Den siste er ikke mer enn en fot høy, og omtrent syv skritt på tvers, bare en flat topp av en grå stein som ryker som en varm slagg etter en dusj, og hvor ingen ville bry seg om å våge en naken såle før solnedgang. På Lille Isabel rasler en gammel fillete palme, med en tykk svulmende stamme grov med pigger, en veldig heks blant palmetrær, en dyster haug med døde blader over den grove sanden.

Overskrift 5 (H5)

Den siste er ikke mer enn en fot høy, og omtrent syv skritt på tvers, bare en flat topp av en grå stein som ryker som en varm slagg etter en dusj, og hvor ingen ville bry seg om å våge en naken såle før solnedgang. På Lille Isabel rasler en gammel fillete palme, med en tykk svulmende stamme grov med pigger, en veldig heks blant palmetrær, en dyster haug med døde blader over den grove sanden.

Overskrift 6 (H6)

Den siste er ikke mer enn en fot høy, og omtrent syv skritt på tvers, bare en flat topp av en grå stein som ryker som en varm slagg etter en dusj, og hvor ingen ville bry seg om å våge en naken såle før solnedgang. På Lille Isabel rasler en gammel fillete palme, med en tykk svulmende stamme grov med pigger, en veldig heks blant palmetrær, en dyster haug med døde blader over den grove sanden.

Blockquotes

Enkeltlinje blokksitat:

Vær sulten. Forbli fjasete.

Flerlinjers blokksitat med en sitatreferanse:

De HTML

Element (eller HTML Block Quote Element) indikerer at den vedlagte teksten er et utvidet sitat. Vanligvis gjengis dette visuelt ved innrykk (se Notater for hvordan du endrer det). En URL for kilden til sitatet kan gis ved å bruke sitere attributt, mens en tekstrepresentasjon av kilden kan gis ved å bruke element.

flere bidragsytere – MDN HTML-elementreferanse – blockquote

Tabeller

Ansatt Lønn
John Doe $1 For det er alt Steve Jobs trengte for lønn.
Jane Doe $100K For all bloggingen hun driver med.
Fred Bloggs $100M Bilder sier mer enn tusen ord, ikke sant? Så Jane x 1000.
Jane blogger $100B Med sånn hår?! Nok sagt…

Definisjonslister

Definisjonslistetittel
Definisjon listeinndeling.
Oppstart
Et oppstartsselskap eller oppstart er et selskap eller en midlertidig organisasjon designet for å søke etter en repeterbar og skalerbar forretningsmodell.
#arbeid
Laget av Rob Dyrdek og hans personlige livvakt Christopher "Big Black" Boykins, fungerer "Do Work" som en selvmotiverende for å motivere vennene dine.
Gjør det live
Jeg lar Bill O'Reilly gjøre det forklare denne.

Uordnede lister (nestet)

  • Listepunkt én
    • Listepunkt én
      • Listepunkt én
      • Listepunkt to
      • Listepunkt tre
      • Listepunkt fire
    • Listepunkt to
    • Listepunkt tre
    • Listepunkt fire
  • Listepunkt to
  • Listepunkt tre
  • Listepunkt fire

Ordnet liste (nestet)

  1. Listeelement én - start kl 8
    1. Listepunkt én
      1. Listeelement én - reversert attributt
      2. Listepunkt to
      3. Listepunkt tre
      4. Listepunkt fire
    2. Listepunkt to
    3. Listepunkt tre
    4. Listepunkt fire
  2. Listepunkt to
  3. Listepunkt tre
  4. Listepunkt fire

HTML-tagger

Disse støttede kodene kommer fra WordPress.com-koden FAQ.

Adresse-tag

1 uendelig sløyfe
Cupertino, CA 95014
forente stater

Ankermerke (aka. Link)

Dette er et eksempel på en link.

Forkortelse Tag

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

Akronym Tag (avviklet i HTML5)

Akronymet ftw står for «for the win».

Stor Tag (avviklet i HTML5)

Disse testene er en stor avtale, men denne taggen støttes ikke lenger i HTML5.

Sitere Tag

"Kode er poesi." —Automatisk

Kode Tag

Denne taggen stiler blokker med kode.
.post-title {
margin: 0 0 5px;
font-weight: fet;
skriftstørrelse: 38px;
linjehøyde: 1,2;
og her er en linje med virkelig, virkelig, virkelig, veldig lang tekst, bare for å se hvordan den blir håndtert og for å finne ut hvordan den flyter over;
}

Du vil lære senere i disse testene at ordomslag: break-word;vil være din beste venn.

Slett tag

Denne taggen lar deg stryk tekst, men denne taggen er anbefales støttes i HTML5 (bruk i stedet).

Fremhev Tag

Fremhev-taggen skal kursivere tekst.

Horisontal regeltag


Denne setningen følger a <hr /> stikkord.

Sett inn tag

Denne taggen skal angi satt inn tekst.

Tastaturmerke

Denne knapt kjente taggen emulerer tastaturtekst, som vanligvis er stylet som stikkord.

Forhåndsformatert tag

Denne taggen er for å bevare mellomrom som skrevet, for eksempel i poesi eller ASCII-kunst.

Veien ikke tatt


Robert Frost


  To veier skilte seg i en gul skog, Og beklager at jeg ikke kunne reise begge (_/) Og være én reisende, lenge jeg stod (='.'=) Og så ned en så langt jeg kunne (")_(") Dit den bøyde seg i underskogen; Så tok den andre, som like rettferdig, Og har kanskje bedre krav, |_/| For det var gresskledd og ville ha slitasje; / @ @ Skjønt som for at passeringen der ( > º < ) hadde slitt dem egentlig omtrent det samme, `>>x<<´ / O Og begge den morgenen lå like i blader ingen skritt hadde tråkket svart. Å, jeg beholdt den første for en annen dag! Men da jeg visste hvordan veien fører til veien, tvilte jeg på om jeg noen gang skulle komme tilbake. Jeg skal fortelle dette med et sukk. Et sted omaldrer og eldes derfor: To veier divergerte i en skog, og jeg – jeg tok den som var mindre reist, og det har gjort hele forskjellen. og her er en linje med virkelig, virkelig, virkelig, veldig lang tekst, bare for å se hvordan den blir håndtert og for å finne ut hvordan den flyter over;

Sitat Tag for korte, innebygde sitater

Utviklere, utviklere, utviklere... –Steve Ballmer

Strike Tag (avviklet i HTML5) og S Tag

Denne taggen viser gjennomslag tekst.

Liten Tag

Denne taggen viser mindre tekst.

Sterk Tag

Denne taggen viser fet tekst.

Subscript Tag

Få i gang vitenskapelig styling med H2O, som skal trykke "2" ned.

Superscript Tag

Holder seg fortsatt til vitenskapen og Albert Einsteins E = MC2, som skal løfte de 2 opp.

Teletype Tag (foreldet i HTML5)

Denne sjelden brukte taggen emulerer teleskriv tekst, som vanligvis er stylet som stikkord.

Understrek tag avviklet i HTML 4, re-introdusert i HTML5 med annen semantikk

Denne taggen viser understreket tekst.

Variabel Tag

Dette lar deg betegne variabler.

Bildebelysning

Senterjusteringsbilde

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.

Venstrejusteringsbilde

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. Heltall facilisis aliquet elit, en egestas quam cursus quis. I mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Høyrejusteringsbilde

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. Heltall facilisis aliquet elit, en egestas quam cursus quis. I mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

150 × 150 bilde, som er venstrejustert

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. Heltall facilisis aliquet elit, en egestas quam cursus quis. I mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Stort bilde

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

surfetimer

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