HTML-formatering

Nedenfor er omtrent alle skrifttypestiler i temaet. Sjekk kildekoden for å se de mange innebygde elementene i avsnittene.

Overskrift 1

Overskrift 2

Overskrift 3

Overskrift 4

Overskrift 5
Overskrift 6

knapp

Det er ikke noe problem, testlink adipiscing elit. Dette er sterkt. Nullam dignissim convallis est. Quisque aliquam. This is emphasized. Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York Times (That’s a citation). Underline. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. To copy a file type COPY filename. Dinner’s at 5:00. Let’s make that 7. This text has been struck.

Listetyper

Definisjonsliste

Definisjon Liste Tittel
Dette er en definisjon liste divisjon.
Definisjon
En eksakt setning eller beskrivelse av innholdet, omfanget eller betydningen av noe: vår definisjon av hva som danner poesi.

Bestilt liste

  1. Listepost 1
  2. Listepost 2
    1. Nestet liste element A
    2. Nestet liste element B
  3. Listepost 3

Uordnet liste

  • Listepost 1
  • Listepost 2
    • Nestet liste element A
    • Nestet liste element B
  • Listepost 3

Bord

Tabelloverskrift 1 Tabelloverskrift 2 Tabelloverskrift 3
Inndeling 1 Inndeling 2 Inndeling 3
Inndeling 1 Inndeling 2 Inndeling 3
Inndeling 1 Inndeling 2 Inndeling 3

Forformatert tekst

Typografisk er forhåndsformatert tekst ikke det samme som kode. Noen ganger krever en trofast utføring av teksten forhåndsformatert tekst som kanskje ikke har noe å gjøre med kode. De fleste nettlesere bruker Courier, og det er en god standard – med en liten justering, Courier 10 Pitch over vanlige Courier for Linux-brukere. For eksempel:

“Pass på Jabberwock, min sønn!
     Kjeftene som biter, klørne som fanger!
Pass på Jubjub-fuglen, og skjul
     Den frumiske Bandersnatch!”

Kode

Koden kan presenteres inline, som <?php bloginfo('stylesheet_url'); ?>, eller innenfor en <pre> blokkere. Fordi vi har mer spesifikke typografiske behov for kode, vil vi spesifisere Consolas og Monaco foran den nettleserdefinerte monospace fonten.

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}

Blockquotes

La oss holde det enkelt. Kursiv er bra for å hjelpe med å sette den av fra kroppsteksten (og kursiv Georgia er nydelig i denne størrelsen). Pass på at du stiler sitatet.

God ettermiddag, herrer. Jeg er en HAL 9000 datamaskin. Jeg ble operativ ved H.A.L. plante i Urbana, Illinois 12. januar 1992. Min instruktør var Mr. Langley, og han lærte meg å synge en sang. Hvis du vil høre det, kan jeg synge det for deg.

— HAL 9000

Og her er litt etterfølgende tekst.