Yksinkertaisia HTML-rakenteita:

Otsikot: (html 1.0)

(h1)

(h2)

(h3)

(h4)

(h5)
(h6)

Leipätekstilajit:

Tämä on tavallinen kappale. Tavallisen kappaleen teksti rivitetään uudelleen ja siitä poistetaan turhat tyhjät merkit. (Tämä tosin riippuu siitä mitä selainohjelmaa käyttäjä käyttää.)

Tämä sitävastoin
on esimuotoiltua tekstiä.
Täällä rivitys säilyy
ja   niin myös välilyönnit.
Tämä on koodia. Se on ulkonäöltään kuten esimuotoiltua tekstiä, mutta teksti rivitetään ja siivotaan.
Blockquoten sisältö indentoidaan tyylikkäästi. Loistava paikka vaikkapa Shakespearaanisille lausahduksille.
Tämä on div. Diviin tutustutaan tänään, se on todella kätevä juttu. Se tulee html 3.2:een.

Listat: (html 1.0)

Järjestelemätön lista

Järjestelty lista

  1. eka
  2. toka
  3. kolmas

Kappaleidensisäinen muotoilu:

Tässä on kursiivia, lihavointia ja molempia. Muuten, Näin ei sitten saa tehdä! Alleviivaus ja yliviivaus tulevat muuten vanhentumaan tämän tunnin aikana. (Kaikki tällaiset ulkonäköjutut voi tehdä kätevämminkin, mitä käsitellään ensi tunnilla.) Linkki alkuun. Kuvakin voi muuten olla linkki: Luennoitsijan pärstä Ja teksti jatkuu. koodia voi kirjoittaa tännekin.
(rivinvaihto)


Taulukot:

Eka sarakeToka sarakeKolmas sarakeNeljäs sarakeViides sarake
1 ja 2345
Seuraavana tyhjä:Seuraavana ei-tyhjä: