Typografie

Die laatste is niet meer dan een voet hoog en ongeveer zeven passen breed, slechts een platte top van een grijze rots die rookt als een hete sintel na een regenbui, en waar niemand het zou willen wagen om voor zonsondergang een naakte zool te wagen. Op de Kleine Isabel ritselt een oude haveloze palm, met een dikke, uitpuilende stam ruw van stekels, een echte heks tussen de palmbomen, een sombere bos dode bladeren boven het grove zand.

Kop 1 (H1)

Die laatste is niet meer dan een voet hoog en ongeveer zeven passen breed, slechts een platte top van een grijze rots die rookt als een hete sintel na een regenbui, en waar niemand het zou willen wagen om voor zonsondergang een naakte zool te wagen. Op de Kleine Isabel ritselt een oude haveloze palm, met een dikke, uitpuilende stam ruw van stekels, een echte heks tussen de palmbomen, een sombere bos dode bladeren boven het grove zand.

Kop 2 (H2)

Die laatste is niet meer dan een voet hoog en ongeveer zeven passen breed, slechts een platte top van een grijze rots die rookt als een hete sintel na een regenbui, en waar niemand het zou willen wagen om voor zonsondergang een naakte zool te wagen. Op de Kleine Isabel ritselt een oude haveloze palm, met een dikke, uitpuilende stam ruw van stekels, een echte heks tussen de palmbomen, een sombere bos dode bladeren boven het grove zand.

Kop 3 (H3)

Die laatste is niet meer dan een voet hoog en ongeveer zeven passen breed, slechts een platte top van een grijze rots die rookt als een hete sintel na een regenbui, en waar niemand het zou willen wagen om voor zonsondergang een naakte zool te wagen. Op de Kleine Isabel ritselt een oude haveloze palm, met een dikke, uitpuilende stam ruw van stekels, een echte heks tussen de palmbomen, een sombere bos dode bladeren boven het grove zand.

Kop 4 (H4)

Die laatste is niet meer dan een voet hoog en ongeveer zeven passen breed, slechts een platte top van een grijze rots die rookt als een hete sintel na een regenbui, en waar niemand het zou willen wagen om voor zonsondergang een naakte zool te wagen. Op de Kleine Isabel ritselt een oude haveloze palm, met een dikke, uitpuilende stam ruw van stekels, een echte heks tussen de palmbomen, een sombere bos dode bladeren boven het grove zand.

Kop 5 (H5)

Die laatste is niet meer dan een voet hoog en ongeveer zeven passen breed, slechts een platte top van een grijze rots die rookt als een hete sintel na een regenbui, en waar niemand het zou willen wagen om voor zonsondergang een naakte zool te wagen. Op de Kleine Isabel ritselt een oude haveloze palm, met een dikke, uitpuilende stam ruw van stekels, een echte heks tussen de palmbomen, een sombere bos dode bladeren boven het grove zand.

Rubriek 6 (H6)

Die laatste is niet meer dan een voet hoog en ongeveer zeven passen breed, slechts een platte top van een grijze rots die rookt als een hete sintel na een regenbui, en waar niemand het zou willen wagen om voor zonsondergang een naakte zool te wagen. Op de Kleine Isabel ritselt een oude haveloze palm, met een dikke, uitpuilende stam ruw van stekels, een echte heks tussen de palmbomen, een sombere bos dode bladeren boven het grove zand.

Blok citaten

Blokcitaat van één regel:

Blijf hongerig. Blijf dwaas.

Blockquote van meerdere regels met een cite-referentie:

De HTML

Element (of HTML-blokcitaatelement) geeft aan dat de bijgevoegde tekst een uitgebreid citaat is. Meestal wordt dit visueel weergegeven door inspringen (zie Opmerkingen voor hoe u dit kunt wijzigen). Een URL voor de bron van het citaat kan worden opgegeven met behulp van de citeren attribuut, terwijl een tekstweergave van de bron kan worden gegeven met behulp van het element.

meerdere bijdragers – MDN HTML-elementreferentie – blockquote

Tafels

Medewerker Salaris
John Doe $1 Want dat is alles wat Steve Jobs nodig had voor een salaris.
Jane Doe $100K Voor al het bloggen dat ze doet.
Fred Bloggers $100M Foto's zeggen meer dan duizend woorden, toch? Dus Jane x 1.000.
Jane Bloggs $100B Met zo'n haar?! Genoeg gezegd…

Definitielijsten

Titel van definitielijst
Definitielijstverdeling.
Beginnen
Een startend bedrijf of startup is een bedrijf of tijdelijke organisatie die is ontworpen om te zoeken naar een herhaalbaar en schaalbaar bedrijfsmodel.
#dowerk
Bedacht door Rob Dyrdek en zijn persoonlijke lijfwacht Christopher “Big Black” Boykins, werkt “Do Work” als een zelfmotivator om je vrienden te motiveren.
Doe het live
Ik laat het Bill O'Reilly doen uitleggen deze.

Ongeordende lijsten (genest)

  • Lijstitem één
    • Lijstitem één
      • Lijstitem één
      • Noem item twee
      • Noem item drie
      • Noem item vier
    • Noem item twee
    • Noem item drie
    • Noem item vier
  • Noem item twee
  • Noem item drie
  • Noem item vier

Geordende lijst (genest)

  1. Lijstitem één: begin bij 8
    1. Lijstitem één
      1. Lijstitem één -omgekeerd attribuut
      2. Noem item twee
      3. Noem item drie
      4. Noem item vier
    2. Noem item twee
    3. Noem item drie
    4. Noem item vier
  2. Noem item twee
  3. Noem item drie
  4. Noem item vier

HTML-tags

Deze ondersteunde tags zijn afkomstig van de WordPress.com-code FAQ.

Adreslabel

1 Oneindige lus
Cupertino, CA 95014
Verenigde Staten

Ankertag (ook wel link genoemd)

Dit is een voorbeeld van een koppeling.

Afkorting Tag

De afkorting srsly staat voor ‘serieus’.

Acroniemtag (verouderd in HTML5)

Het acroniem ftw staat voor “voor de overwinning”.

Grote tag (verouderd in HTML5)

Deze tests zijn a groot deal, maar deze tag wordt niet langer ondersteund in HTML5.

Citeer-tag

“Code is poëzie.” —Automatisch

Codetag

Deze tag stijlt codeblokken.
.post-titel {
marge: 0 0 5px;
lettertypegewicht: vet;
lettergrootte: 38px;
lijnhoogte: 1,2;
en hier is een regel met heel, heel, heel, heel lange tekst, gewoon om te zien hoe ermee wordt omgegaan en om uit te vinden hoe het overloopt;
}

Je zult later in deze tests leren dat word-wrap: break-word; je beste vriend zal zijn.

Label verwijderen

Met deze tag kun je dat doen tekst doorhalen, maar deze tag is dat wel aanbevolen ondersteund in HTML5 (gebruik de in plaats van).

Benadruk de tag

De nadruktag moet cursief tekst.

Horizontale regeltag


Deze zin volgt op a <hr /> label.

Label invoegen

Deze tag moet duiden ingevoegd tekst.

Toetsenbordtag

Deze nauwelijks bekende tag emuleert toetsenbord tekst, die meestal is vormgegeven als de label.

Voorgeformatteerde tag

Deze tag is bedoeld om witruimte te behouden zoals getypt, zoals in poëzie of ASCII-kunst.

De weg niet genomen


Robert Vorst


  Twee wegen scheidden zich in een geel bos, en het spijt me dat ik niet beide kon reizen (_/) En één reiziger zou zijn, zolang ik bleef staan (='.'=) En zo ver als ik kon naar beneden keek ("_(") Tot waar het zich in het struikgewas boog; Toen nam de ander, net zo eerlijk, en met misschien wel de betere claim, |_/| Omdat het met gras begroeid was en slijtage wilde; / @ @ Hoewel wat dat betreft het passeren daar ( > º < ) ze eigenlijk ongeveer hetzelfde had gedragen, `>>x<<´ / O En beiden lagen die ochtend even in de bladeren, geen enkele stap was zwart getreden. Oh, de eerste heb ik nog een dag bewaard! Maar omdat ik wist hoe de ene weg naar de andere leidde, twijfelde ik of ik ooit terug zou komen. Ik zal dit met een zucht vertellen. Ergens, eeuwen en eeuwen geleden: twee wegen scheidden zich in een bos, en ik... ik nam de minder bereisde weg, en dat heeft het verschil gemaakt. en hier is een regel met heel, heel, heel, heel lange tekst, gewoon om te zien hoe ermee wordt omgegaan en om uit te vinden hoe het overloopt;

Citaatlabel voor korte, inline offertes

Ontwikkelaars, ontwikkelaars, ontwikkelaars… –Steve Ballmer

Stakingstag (verouderd in HTML5) En S-tag

Dit label laat zien doorhalen tekst.

Klein label

Dit label laat zien kleiner tekst.

Sterk label

Dit label laat zien vetgedrukte tekst.

Subscript-tag

Onze wetenschappelijke styling verder zetten met H2O, die de “2” naar beneden zou moeten duwen.

Superscript-tag

Nog steeds vasthouden aan de wetenschap en Albert Einstein's E = MC2, wat de 2 omhoog zou moeten tillen.

Teletype-tag (verouderd in HTML5)

Deze zelden gebruikte tag emuleert teletype tekst, die meestal is vormgegeven als de label.

Onderstreep label verouderd in HTML 4, opnieuw geïntroduceerd in HTML5 met andere semantiek

Dit label laat zien onderstreepte tekst.

Variabele tag

Hiermee kunt u aanduiden variabelen.

Beelduitschakeling

Uitlijningsafbeelding centreren

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

In de porta lectus is de auctor bibendum est. Mauris tempor fermentum is niet erg imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

Afbeelding links uitlijnen

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 at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus bij scelerisque est.

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

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

Afbeelding rechts uitlijnen

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 at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus bij scelerisque est.

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

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

Afbeelding van 150 × 150, links uitgelijnd

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 at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus bij scelerisque est.

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

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

Grote afbeelding

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

surflessen

In de porta lectus is de auctor bibendum est. Mauris tempor fermentum is niet erg imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.