<ol>, <ul>, ja <li>, tagien sekä css tyylin merkitys muokkaamisessa.

1. Järjestetyn listan rivi alkaa <ol> ja <li> tageilla.
2. <ol> <li>tekstiä, kuvia, videoita </li> </ol> jolloin 1 rivinen lista eli järjestetty / numeroitu lista loppuu.
3. Alkuun tulee <ol> ja loppuun </ol> tagi.
4. <li>teksti, kuva, videot</li>
5. Vasemmat numerot suurenevat ilman että kirjoitat niitä.
6. Tässä on kuudes sarake,
7. ja tätä voit jatkaa loputtomiin.
8. Loppuun tulee </ol> tagi.
9. Katso jälleen lähdekoodi: firefox, Näytä sivun lähdekoodi, älä hämäänny koodin entiteeteistä.

• <ul> <li> on järjestämätön lista. Siinä on alkutagina <ul> ja lopussa </ul>
• Siinä ei näytetä järjestysnumeroita vaan pyöreitä pallukoita.
• Pallukoiden ulkomuotoa voit säätää css tiedostossa.
• Periaate kooduksessa on sama kuin numeroidussa listassakin.
• Säädä css-tyylitiedostossa ul li kuvaksi mitä haluat tai ei mitään kuvaa.
• Aseta mikä tahansa haluamasi kuva palvelimeltasi ul li tagille.