Markup: HTML-tags en opmaak

januari- 11, 2013 Geen reacties Adam_Goodman Categorieën Klassiek, MarkupTags , , , ,

Koppen

Header een

Kop twee

Kop drie

Kop vier

Kop vijf
Kop zes

Blok citaten

Enkele regel blockquote:

Blijf hongerig. Blijf dwaas.

Meerregelige blockquote met een citeerverwijzing:

Mensen denken dat focus betekent dat je ja moet zeggen tegen datgene waarop je je moet concentreren. 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 uitkiezen. Ik ben eigenlijk net zo trots op de dingen die we niet hebben gedaan als op de dingen die ik heb gedaan. Innovatie zegt nee tegen 1,000 dingen.

Steve Jobs – Apple wereldwijde ontwikkelaars’ Conferentie, 1997

Tabellen

Werknemer Salaris
John Doe $1 Want dat is alles wat Steve Jobs nodig heeft voor een salaris.
Jane Doe $100K Voor al het bloggen dat ze doet.
Fred Bloggs $100M. Afbeeldingen zeggen meer dan duizend woorden, Rechtsaf? Dus Jane x 1,000.
Jane Bloggs $100B. Met zo haar?! Genoeg gezegd…

Definitie lijsten

Titel van de lijst met definities
Definitie lijst indeling.
Beginnen
Een startend bedrijf of startup is een bedrijf of tijdelijke organisatie die is ontworpen om te zoeken naar een herhaalbaar en schaalbaar bedrijfsmodel.
#werken
Bedacht door Rob Dyrdek en zijn persoonlijke lijfwacht Christopher “Groot zwart” Boykins, “Werken” werkt als een zelfmotivator, om je vrienden te motiveren.
Doe het live
Ik laat Bill O'Reilly het doen leg uit deze.

Ongeordende lijsten (Genest)

  • Lijstitem één
    • Lijstitem één
      • Lijstitem één
      • Lijstitem twee
      • Lijstitem drie
      • Lijstitem vier
    • Lijstitem twee
    • Lijstitem drie
    • Lijstitem vier
  • Lijstitem twee
  • Lijstitem drie
  • Lijstitem vier

Bestelde lijst (Genest)

  1. Lijstitem één
    1. Lijstitem één
      1. Lijstitem één
      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, DAT 95014
Verenigde Staten

Anker Tag (aka. Koppeling)

Dit is een voorbeeld van een koppeling.

Afkorting Tag

De afkorting srsly betekent “ernstig”.

Acroniem Tag (verouderd in HTML5)

Het acroniem ftw betekent “voor de overwinning”.

Grote Tag (verouderd in HTML5)

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

Cite Tag

“Code is poëzie.” —Automattic

Codetag

Dat leer je later in deze tests word-wrap: break-word; zal je beste vriend zijn.

Tag verwijderen

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

Benadruk de tag

De accentueringstag moet cursief tekst.

Tag invoegen

Deze tag zou moeten aangeven ingevoegd tekst.

Toetsenbord-tag

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

Voorgeformatteerde tag

Deze tag maakt grote blokken code op.

.post-titel {
	marge: 0 0 5px;
	lettertype dikte: stoutmoedig;
	lettertypegrootte: 38px;
	lijnhoogte: 1.2;
	en hier zijn er een paar echt, werkelijk, werkelijk, echt lange tekst, gewoon om te zien hoe de PRE-tag ermee omgaat en om erachter te komen hoe het overloopt;
}

Offerte-tag

Ontwikkelaars, ontwikkelaars, ontwikkelaars… –Steve Ballmer

Strike-tag (verouderd in HTML5)

Deze tag laat zien doorgehaalde tekst

Sterke tag

Deze tag laat zien stoutmoedig tekst.

Subscript-tag

Onze wetenschappelijke styling op gang brengen met H2O, die de “2” naar beneden.

Superscript-tag

Nog steeds vasthouden aan de wetenschap en de E = MC van Isaac Newton2, die de 2 omhoog.

Teletype-tag (verouderd in HTML5)

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

Variabele tag

Hiermee kun je aangeven variabelen.