Kappale

<p>-tagia käytetään määrittelemään tekstikappale. Oletuksena jokainen kappale alkaa uudelta riviltä. <p>-tagia käytetään yleisesti tekstisisällön, kuten artikkeleiden, blogien ja muiden tekstimuotoisten tietojen näyttämiseen verkkosivulla.

<p>-tagi on myös tärkeä hakukoneoptimoinnissa, sillä hakukoneet käyttävät sitä ymmärtääkseen verkkosivun rakennetta ja tunnistaakseen pääsisällön. <p>-tagin käyttöä suositellaan kaikelle tekstisisällölle verkkosivulla. Poikkeuksia ovat otsikot, listan kohteet tai muun tyyppinen erikoissisältö.

Huomautus

Integroitu kehitysympäristö (IDE), ohjelmistosovellus, joka auttaa ohjelmoijia kehittämään ohjelmistokoodia tehokkaasti, voit käyttää lorem-toimintoa luodaksesi tekstiä, jota voidaan käyttää sisällön ja asettelun täyttämiseen. Esimerkiksi voit kirjoittaa lorem20 HTML-dokumenttiin ja painaa Enter-näppäintä. Tämä luo tekstin, joka on 20 sanaa pitkä. 20:n sijasta voidaan käyttää mitä tahansa numeroa.

Otsikot

Otsikoita <h1> ... <h6> käytetään verkkosivun hierarkian ja rakenteen määrittämiseen. Otsikot tarjoavat kontekstia sivun sisällölle, auttavat käyttäjiä navigoimaan sivulla ja niitä käytetään myös hakukoneiden toimesta sivun sisällön ymmärtämiseen. <h1> - <h6> -tageja käytetään erikokoisten ja -tasoisten otsikoiden luomiseen, missä <h1> on tärkein ja <h6> vähiten tärkeä. On hyvä käytäntö käyttää otsikoita loogisessa järjestyksessä ja välttää tasojen ohittamista (esim. siirtyminen <h1>:stä suoraan <h3>:een ilman <h2>:ta).

Listat

HTML:ssä listoja voidaan luoda kahdella päätagilla: <ul> (järjestämätön lista) ja <ol> (järjestetty lista).

Järjestämätön lista

<ul> luo listan, jossa on luettelomerkit tai muut merkit jokaiselle kohteelle ilman erityistä järjestystä tai arvojärjestystä. Jokainen kohde on suljettu <li> (list item) -tagiin, joka luo erillisen luettelomerkin jokaiselle kohteelle.

Järjestetty lista

<ol> puolestaan käytetään luomaan lista, jossa on tietty järjestys tai arvojärjestys. Listan kohteet numeroidaan peräkkäin käyttämällä <li>-tagia.

Voit myös määrittää numeroinnin aloitusarvon käyttämällä start-attribuuttia <ol>-tagissa.

Listojen sisäkkäisyys

Sekä <ul> että <ol> voidaan sisällyttää toisiinsa luodakseen alilistoja. Esimerkiksi voit luoda numeroidun listan (<ol>) sisäkkäisillä luettelomerkkilistoilla (<ul>) jokaiselle kohteelle.