★ Aan de slag 14

Neem de HTML-code voor de geordende lijst over in de HTML-tool. Dit kan je doen door de code van de vorige pagina te kopiëren en te plakken in de Editor. Geef het document de titel “geordende lijst”. Plaats de code in de body van het HTML-document en kijk naar het resultaat.

HTML5


Het is ook mogelijk om lijsten te nesten. Hiernaast zie je nogmaals de door ons gehanteerde indeling van muziekinstrumenten, maar nu aangevuld met enkele voorbeelden:

<ol>
    <li>strijkinstrumenten
        <ul>
             <li>viool</li>
             <li>cello</li>
        </ul>
    </li>
    <li>tokkelinstrumenten
        <ul>
             <li>gitaar</li>
             <li>harp</li>
        </ul>
    </li>
    <li>blaasinstrumenten
        <ul>
             <li>trompet</li>
             <li>saxofoon</li>
        </ul>
    </li>
    <li>toetsinstrumenten
        <ul>
             <li>piano</li>
             <li>orgel</li>
        </ul>
    </li>
    <li>slaginstrumenten
        <ul>
             <li>pauken</li>
             <li>buisklokken</li>
        </ul>
    </li>
</ol>

In dit voorbeeld zijn ongeordende lijsten genest in een geordende lijst. Er zijn daarop tal van andere variaties te bedenken. Misschien is het je opgevallen dat de rondjes van de ongeordende lijsten nu ineens niet meer dicht, maar open zijn.

​De opsommingstekens voor een ongeordende opsomming in een andere opsomming zijn standaard open rondjes. We noemen dit het tweede niveau van een opsomming. Voor het eerste niveau worden standaard de gesloten rondjes gebruikt.
Het is mogelijk om in de HTML-editor ook bestaande HTML-documenten te laden.
Voor sommige opdrachten gaan we hier gebruik van maken.