Typografie

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 zich voor zonsondergang op een naakte zool zou wagen. Op de Kleine Isabel laat een oude haveloze palm, met een dikke uitpuilende stam ruw met stekels, een heks tussen de palmbomen, een naargeestige bos dode bladeren ritselen boven het grove zand.

Rubriek 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 zich voor zonsondergang op een naakte zool zou wagen. Op de Kleine Isabel laat een oude haveloze palm, met een dikke uitpuilende stam ruw met stekels, een heks tussen de palmbomen, een naargeestige bos dode bladeren ritselen boven het grove zand.

Rubriek 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 zich voor zonsondergang op een naakte zool zou wagen. Op de Kleine Isabel laat een oude haveloze palm, met een dikke uitpuilende stam ruw met stekels, een heks tussen de palmbomen, een naargeestige bos dode bladeren ritselen boven het grove zand.

Rubriek 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 zich voor zonsondergang op een naakte zool zou wagen. Op de Kleine Isabel laat een oude haveloze palm, met een dikke uitpuilende stam ruw met stekels, een heks tussen de palmbomen, een naargeestige bos dode bladeren ritselen boven het grove zand.

Rubriek 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 zich voor zonsondergang op een naakte zool zou wagen. Op de Kleine Isabel laat een oude haveloze palm, met een dikke uitpuilende stam ruw met stekels, een heks tussen de palmbomen, een naargeestige bos dode bladeren ritselen boven het grove zand.

Rubriek 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 zich voor zonsondergang op een naakte zool zou wagen. Op de Kleine Isabel laat een oude haveloze palm, met een dikke uitpuilende stam ruw met stekels, een heks tussen de palmbomen, een naargeestige bos dode bladeren ritselen 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 zich voor zonsondergang op een naakte zool zou wagen. Op de Kleine Isabel laat een oude haveloze palm, met een dikke uitpuilende stam ruw met stekels, een heks tussen de palmbomen, een naargeestige bos dode bladeren ritselen boven het grove zand.

Blok citaten

Enkele regel blokcitaat:

Blijf hongerig. Blijf dwaas.

Blockquote van meerdere regels met een cite-referentie:

De HTML

Element (of HTML-blokofferte-element) 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 gegeven met behulp van de citeren attribuut, terwijl een tekstrepresentatie van de bron kan worden gegeven met behulp van de 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 Bloggs $100M Foto's zeggen meer dan duizend woorden, toch? Dus Jane x 1.000.
Jane Blogs $100B Met zulk haar?! Genoeg gezegd…

Definitielijsten

Definitie Lijst Titel
Definitie lijst divisie.
Beginnen
Een startend bedrijf of startup is een bedrijf of tijdelijke organisatie die is ontworpen om te zoeken naar een herhaalbaar en schaalbaar bedrijfsmodel.
#dowork
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 Bill O'Reilly het doen uitleggen deze.

Ongeordende lijsten (geneste)

  • Lijst item één:
    • Lijst item één:
      • Lijst item één:
      • Lijstitem twee
      • Lijstitem drie
      • Lijstitem vier
    • Lijstitem twee
    • Lijstitem drie
    • Lijstitem vier
  • Lijstitem twee
  • Lijstitem drie
  • Lijstitem vier

Geordende lijst (genest)

  1. Lijstitem één - begin bij 8
    1. Lijst item één:
      1. Lijstitem één - omgekeerd kenmerk
      2. Lijstitem twee
      3. Lijstitem drie
      4. Lijstitem vier
    2. Lijstitem twee
    3. Lijstitem drie
    4. Lijstitem vier
  2. Lijstitem twee
  3. Lijstitem drie
  4. Lijstitem 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 bekend als link)

Dit is een voorbeeld van een koppeling.

Afkorting Tag

de afkorting srsly staat voor "serieus".

Acroniem Tag (verouderd in HTML5)

het acroniem ftw staat voor "voor de overwinning".

Grote tag (verouderd in HTML5)

Deze testen zijn een groot deal, maar deze tag wordt niet langer ondersteund in HTML5.

Citeer tag

"Code is poëzie." —Automatisch

Codetag

Deze tag stijlt blokken code.

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


U zult later in deze tests leren dat woord-wrap: break-word; uw beste vriend zal zijn.

Tag verwijderen

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

Markeer tag

De tag benadrukken moet cursief maken tekst.

Tag voor horizontale regel


Deze zin volgt een <hr> label.

Tag invoegen

Deze tag moet duiden op ingevoegd tekst.

Toetsenbordtag

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

Vooraf opgemaakte tag

Deze tag is voor het behouden van witruimte zoals getypt, zoals in poëzie of ASCII-kunst.

De weg niet genomen


Robert Frost


  Twee wegen splitsten zich in een geel bos, En sorry dat ik niet beide kon reizen (_/) En één reiziger zijn, lang stond ik (='.'=) En keek zo ver mogelijk naar beneden (")_(") Naar waar het in het kreupelhout boog; Toen nam de andere, net zo eerlijk, en met misschien wel de betere claim, |_/| Omdat het met gras begroeid was en slijtage nodig had; / @ @ Maar wat betreft het passeren daar ( > º < ) Had ze eigenlijk ongeveer hetzelfde versleten, `>>x<<´ / O En beiden lagen die ochtend gelijk in bladeren, geen stap was zwart getreden. Oh, ik heb de eerste nog een dag bewaard! Maar wetende hoe de weg naar de weg leidt, betwijfelde ik of ik ooit terug zou komen. Ik zal dit met een zucht vertellen Ergens eeuwen en eeuwen vandaar: twee wegen gingen uiteen in een bos, en ik? Ik nam degene die minder bereisd was, en dat heeft het verschil gemaakt. en hier is een regel met echt, echt, echt, echt lange tekst, gewoon om te zien hoe het wordt behandeld en om erachter te komen hoe het overloopt;

Citaat Tag voor korte, inline citaten

Ontwikkelaars, ontwikkelaars, ontwikkelaars… –Steve Balmer

Strike Tag (verouderd in HTML5) en S-tag

Deze tag toont doorhalen tekst.

Kleine tag

Deze tag toont kleiner tekst.

Sterke tag

Deze tag toont vetgedrukte tekst.

Abonnementstag

Onze wetenschappelijke styling op gang brengen met H2O, die de "2" naar beneden zou moeten duwen.

Superscript-tag

Blijf nog steeds bij wetenschap en E = MC van Albert Einstein2, die de 2 zou moeten optillen.

Teletype-tag (verouderd in HTML5)

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

Tag onderstrepen verouderd in HTML 4, opnieuw geïntroduceerd in HTML5 met andere semantiek

Deze tag toont onderstreepte tekst.

Variabele tag

Hiermee kunt u aangeven variabelen.

Beelduitlijning

Afbeelding 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 sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

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

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

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcused tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, uitspraak 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 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 bij est. Pellentesque ex orci, fringilla in viverra eu, interdum bij eros. Vivamus bij scelerisque est.

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

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcused tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, uitspraak 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, die links is 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 bij est. Pellentesque ex orci, fringilla in viverra eu, interdum bij eros. Vivamus bij scelerisque est.

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

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcused tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, uitspraak 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.

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