Tekstikappaleet
HTML-koodi -kohdan perusteella tiedämme, että tekstin rakenne määritellään elementeillä ja kappale-elementti HTML-koodissa on p-elementti. Tässä osiossa tutustumme otsikkoelementteihin, listaelementteihin sekä taulukoihin ja pakotettuun rivinvaihtoon.
HTML-dokumentin otsikot muodostetaan h-elementillä. H-kirjaimen perään liitetään numero ilmaisemaan otsikon tasoa. h1-elementti on dokumentin ylin otsikko, h2 seuraava ja niin edelleen. HTML-dokumentissa on yleensä vain yksi h1-tason otsikko, muut ovat alempia ja näitä voi dokumentissa kutakin olla useampia.
Otsikot:
- <h1> on pääotsikko
- <h2>on alaotsikko
- <h3>on alaotsikkon alaotsikko
- <h4>on 3.tason alaotsikko
Listat:
Listat voidaan luoda ul- ja ol-elementeillä. Lista-elementillä (ol- tai ul-elementti)kehystetään koko listaksi tarkoitettu tekstin osa.
- ul-elementti on järjestämättömän listan lista-elementti
- ol-elementti tarkoittaa järjestettyä listan lista-elementti. Listan alkiot numeroidaan automaattisesti.
- Lista-alkio on yksittäinen listan osa, jonka muodostamiseen käytetään li-elementtiä. li-elementti tulee siis ul- tai ol-elementin sisään.
Taulukko:
Taulukon luonnissa käytetään table-, caption-, tr-, th- ja td-elementtejä.
- table-elementti määrittelee taulukon paikan ja taulukkon luodaan tämän elementin sisään
- taulukon otsikko määritellään caption-elementillä
- tr-elementillä määritellään taulukon rivit. th- ja td-elementit tulevat tr-elementin sisään
- th-elementillä määritellään ne taulukon sarakkeet, joihin tulee sarakkeen otsikon tiedot
- td-elementillä määritellään taulukon muut sarakkeet
Pakotettu rivinvaihto:
Jos haluat tehdä pakotetun rivinvaihdon, käytetään siihen br-elementtiä.
Esimerkiksi:
Tekijä: <br>
Maija Meikäläinen <br>
12.11.2004 <br>