Markup: HTML-koder og formatering

januar 11, 2013 ingen kommentarer Adam_Goodman Kategorier Klassisk, MarkupMerker , , , ,

Overskrifter

Overskrift en

Topptekst to

Topptekst tre

Topptekst fire

Topptekst fem
Topptekst seks

Blockquotes

Enkelt linje blockquote:

Vær sulten. Forbli tøysete.

Multi-line blockquote med en sitereferanse:

Folk tror fokus betyr å si ja til det du må fokusere på. Men det er ikke det det betyr i det hele tatt. Det betyr å si nei til de hundre andre gode ideene som finnes. Du må velge nøye. Jeg er faktisk like stolt av de tingene vi ikke har gjort som de tingene jeg har gjort. Innovasjon er å si nei til 1,000 tingene.

Steve Jobs – Apple verdensomspennende utviklere’ Konferanse, 1997

Tabeller

Ansatt Lønn
John Doe $1 Fordi det er alt Steve Jobs trengte for lønn.
Jane Doe $100K For all bloggingen hun gjør.
Fred Bloggs $100M Bilder er verdt tusen ord, Ikke sant? Så Jane x 1,000.
Jane Bloggs $100B Med sånn hår?! Nok sagt…

Definisjonslister

Definisjonsliste Tittel
Definisjonslisteinndeling.
Oppstart
Et oppstartsselskap eller oppstart er et selskap eller midlertidig organisasjon designet for å søke etter en repeterbar og skalerbar forretningsmodell.
#dorkjøring
Myntet av Rob Dyrdek og hans personlige kroppsvakt Christopher “Stor svart” Boykins, “Gjør arbeid” fungerer som en selvmotivator, til å motivere vennene dine.
Gjør det live
Jeg lar Bill O'Reilly gjøre det forklare denne.

Uordnede lister (Nestet)

  • Listeelement ett
    • Listeelement ett
      • Listeelement ett
      • Listeelement to
      • Listeelement tre
      • Listeelement fire
    • Listeelement to
    • Listeelement tre
    • Listeelement fire
  • Listeelement to
  • Listeelement tre
  • Listeelement fire

Bestilt liste (Nestet)

  1. Listeelement ett
    1. Listeelement ett
      1. Listeelement ett
      2. Listeelement to
      3. Listeelement tre
      4. Listeelement fire
    2. Listeelement to
    3. Listeelement tre
    4. Listeelement fire
  2. Listeelement to
  3. Listeelement tre
  4. Listeelement fire

HTML-koder

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

Adressemerke

1 Uendelig løkke
Cupertino, AT 95014
forente stater

Ankermerke (aka. Link)

Dette er et eksempel på en lenke.

Forkortelsesmerke

Forkortelsen srsly står for “alvor”.

Forkortelsesmerke (utfaset i HTML5)

Forkortelsen ftw står for “for seieren”.

Stor tag (utfaset i HTML5)

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

Sitat Tag

“Kode er poesi.” —Automattic

Kodemerke

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

Slett tag

Denne taggen lar deg streik tekst, men denne koden støttes ikke lenger i HTML5 (bruke <strike> i stedet).

Legg vekt på Tag

Fremhevingsmerket bør kursiv tekst.

Sett inn taggen

Denne taggen skal betegne satt inn tekst.

Tastaturmerke

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

Forformaterte tag

Denne taggen stiler store kodeblokker.

.posttittel {
	margin: 0 0 5px;
	skriftvekt: dristig;
	skriftstørrelse: 38px;
	linjehøyde: 1.2;
	og her er en linje med noen virkelig, egentlig, egentlig, virkelig lang tekst, bare for å se hvordan PRE-taggen håndterer den og for å finne ut hvordan den renner over;
}

Sitat Tag

Utviklere, utviklere, utviklere… –Steve Ballmer

Strike Tag (utfaset i HTML5)

Denne taggen viser gjennomstrekkstekst

Sterk tag

Denne taggen viser dristig tekst.

Abonnementsmerke

Få vitenskapstylingen videre med H2O, som skal presse “2” ned.

Høyscript-merke

Fortsetter fortsatt med vitenskapen og Isaac Newtons E = MC2, som skal løfte 2 opp.

Teletype Tag (utfaset i HTML5)

Denne sjelden brukte taggen emulerer teletype tekst, som vanligvis er stylet som <code> stikkord.

Variabel tag

Dette lar deg betegne variabler.