Stijlgids

Die laatste is niet meer dan een meter hoog en ongeveer zeven passen in doorsnee, een vlakke top van een grijze rots die rookt als een hete sintel na een regenbui en waar niemand het zou wagen om voor zonsondergang een blote voet te zetten. Op de Kleine Isabel ritselt een oude haveloze palm, met een dikke bolle stam ruw van stekels, een heks onder de palmbomen, een troosteloze bos dode bladeren boven het grove zand.

Koptekst één

Die laatste is niet meer dan een meter hoog en ongeveer zeven passen in doorsnee, een vlakke top van een grijze rots die rookt als een hete sintel na een regenbui en waar niemand het zou wagen om voor zonsondergang een blote voet te zetten.

Koptekst twee

Die laatste is niet meer dan een meter hoog en ongeveer zeven passen in doorsnee, een vlakke top van een grijze rots die rookt als een hete sintel na een regenbui en waar niemand het zou wagen om voor zonsondergang een blote voet te zetten.

Koptekst drie

Die laatste is niet meer dan een meter hoog en ongeveer zeven passen in doorsnee, een vlakke top van een grijze rots die rookt als een hete sintel na een regenbui en waar niemand het zou wagen om voor zonsondergang een blote voet te zetten.

Kop vier

Die laatste is niet meer dan een meter hoog en ongeveer zeven passen in doorsnee, een vlakke top van een grijze rots die rookt als een hete sintel na een regenbui en waar niemand het zou wagen om voor zonsondergang een blote voet te zetten.

Koptekst vijf

Die laatste is niet meer dan een meter hoog en ongeveer zeven passen in doorsnee, een vlakke top van een grijze rots die rookt als een hete sintel na een regenbui en waar niemand het zou wagen om voor zonsondergang een blote voet te zetten.

Kop zes

Die laatste is niet meer dan een meter hoog en ongeveer zeven passen in doorsnee, een vlakke top van een grijze rots die rookt als een hete sintel na een regenbui en waar niemand het zou wagen om voor zonsondergang een blote voet te zetten.

Blokcitaten

Enkele regel blockquote:

Blijf hongerig. Blijf dwaas.

Meerregelige blockquote met een citaatverwijzing:

Mensen denken dat focussen betekent ja zeggen tegen datgene waar je je op moet focussen. Maar dat is helemaal niet wat het betekent. Het betekent nee zeggen tegen de honderd andere goede ideeën die er zijn. Je moet zorgvuldig kiezen. Ik ben eigenlijk net zo trots op de dingen die we niet hebben gedaan als op de dingen die ik wel heb gedaan. Innovatie is nee zeggen tegen 1000 dingen.

Steve Jobs – Apple Wereldwijde Ontwikkelaarsconferentie, 1997

Tabellen

Werknemer Salaris
Jane $1 Want meer had Steve Job niet nodig voor zijn salaris.
John $100K Voor al het bloggen dat hij doet.
Jane $100M Foto’s zeggen meer dan duizend woorden, toch? Dus Tom x 1000.
Jane $100B Met zulk haar? Genoeg gezegd…

Definitie Lijsten

Definitie Lijst Titel
Definitie lijstverdeling.
Opstart
Een startup bedrijf of startup is een bedrijf of tijdelijke organisatie ontworpen om te zoeken naar een herhaalbaar en schaalbaar bedrijfsmodel.
#Werken
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
Bill O’Reilly mag dit uitleggen.

Ongeordende lijsten (genest)

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

Geordende lijst (genest)

  1. Lijst item één
    1. Lijst item één
      1. Lijst item één
      2. Lijst item twee
      3. Lijst item drie
      4. Lijst item vier
    2. Lijst item twee
    3. Lijst item drie
    4. Lijst item vier
  2. Lijst item twee
  3. Lijst item drie
  4. Lijst item vier

HTML-tags

Deze ondersteunde tags komen uit de WordPress.com code FAQ.

Adres Label

1 Infinite Loop
Cupertino, CA 95014
Verenigde Staten

Ankertag (ook bekend als link)

Dit is een voorbeeld van een link.

Afkorting Tag

De afkorting srsly staat voor “serieus”.

Acroniem label

De afkorting ftw staat voor “for the win”.

Grote label

Deze tests zijn belangrijk, maar deze tag wordt niet langer ondersteund in HTML5.

Cite-tag

“Code is poëzie.” –Automattic

Code Markering

Later in deze tests zul je leren dat word-wrap: break-word; je beste vriend zal zijn.

Tag verwijderen

Met deze tag kun je tekst doorhalen, maar deze tag wordt niet langer ondersteund in HTML5 (gebruik in plaats daarvan de <strike> ).

Benadruk label

De tag benadrukken moet tekst cursief maken.

Label invoegen

Deze tag moet ingevoegde tekst aangeven.

Toetsenbord label

Deze nauwelijks bekende tag emuleert toetsenbord tekst, die meestal gestileerd is zoals de <code> tag.

Vooraf opgemaakte label

Deze tag stijlet grote blokken code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Citaat label

Ontwikkelaars, ontwikkelaars, ontwikkelaars… –Steve Ballmer

Sterke label

Deze tag toont vetgedrukte tekst.

Subscript label

We gaan onze wetenschap stylen metH2O, wat de “2” naar beneden moet duwen.

Tag Superscript

Ik blijf bij de wetenschap en Isaac Newtons E = MC2, wat de 2 omhoog zou moeten brengen.

Teletype label

Deze zelden gebruikte tag bootst teletype-tekst na, die meestal wordt opgemaakt zoals de tag <code>.

Variabele label

Hiermee kun je variabelen aanduiden.

 

Over de uitlijning moet worden opgemerkt dat gebruikers kunnen kiezen uit de opties Geen, Links, Rechts en Centreren. Daarnaast krijgen ze ook de opties Thumbnail, Medium, Large & Fullsize.

De afbeelding hierboven is toevallig
gecentreerd
.

De rest van deze paragraaf is opvulling om te zien hoe de tekst om de 150×150 afbeelding wordt gewikkeld, die
links uitgelijnd
.

Zoals je kunt zien moet er boven, onder en rechts van de afbeelding wat ruimte zijn. De tekst mag niet op de afbeelding kruipen. Kruipen is gewoon niet goed. Afbeeldingen hebben ook ademruimte nodig. Laat ze spreken zoals je woorden. Laat ze hun werk doen zonder gedoe met de tekst. In nog één zin hier zullen we zien dat de tekst van rechts van de afbeelding naar beneden gaat, in een naadloze overgang. Nogmaals, laat het zijn gang gaan. Missie volbracht!

En nu een
enorm grote afbeelding
. Het heeft ook
geen uitlijning
.

De bovenstaande afbeelding is weliswaar 1200px breed, maar mag het inhoudsgebied niet overlappen. Het moet ingesloten blijven zonder zichtbare verstoring van de inhoudsstroom.

En nu gaan we dingen verschuiven naar de
rechts uitlijnen
. Nogmaals, er moet voldoende ruimte zijn boven, onder en links van de afbeelding. Kijk hem daar nou… Hey kerel! Goed gedaan met die rechterkant. Het kan me niet schelen wat de links uitgelijnde afbeelding zegt, je ziet er geweldig uit. Laat niemand je iets anders wijsmaken.

Over een tijdje zou je moeten zien dat de tekst zich onder de rechts uitgelijnde afbeelding wikkelt en mooi wordt ingepast. Er zou nog genoeg ruimte moeten zijn en alles zou mooi moeten zitten. Ja… Zomaar. Het voelde nog nooit zo goed om gelijk te hebben.

En net toen je dacht dat we klaar waren, gaan we ze allemaal opnieuw doen met bijschriften!

Onderschrift met de link

De afbeelding hierboven is toevallig
gecentreerd
. In het onderschrift staat ook een link, gewoon om te kijken of het iets vreemds doet.