Hoe te lijsten in HTML5 maken

De webpagina's die u maakt met HTML5 gaan vaak over data en data worden vaak georganiseerd in lijsten, die alleen of nest kan staan ​​in elkaar. De items in uw lijsten kan ofwel worden genummerd (een geordende lijst) of ongenummerde (ongeordende).

Deze figuur toont een ongeordende, of opsommingstekens, lijst; een geordende of genummerde lijst; en een combinatie nesten lijst:

Hoe te lijsten in HTML5 maken

Hier is de code wordt gebruikt om de lijsten te maken:

<! DOCTYPE HTML>
<Html lang = "nl">
<Head>
<Title> listDemo.html </ title>
<Meta charset = "UTF-8" />
</ Head>
<Body>
<H2> Talen </ h2>
<Ul>
<Li> Engels </ li>
<Li> Spaans </ li>
<Li> Japanese </ li>
</ Ul>

<H2> Het tellen in het Engels </ h2>
<Ol>
<Li> een </ li>
<Li> twee </ li>
<Li> drie </ li>
</ Ol>

<H2> Tellen in andere talen </ h2>
<Ul>
<Li> Spaans
<Ol>
<Li> uno </ li>
<Li> dos </ li>
<Li> tres </ li>
</ Ol>
</ Li>

<Li> Japanese
<Ol>
<Li> ichi </ li>
<Li> ni </ li>
<Li> san </ li>
</ Ol>
</ Li>
</ Ul>
</ Body>
</ Html>

Lijsten, zoals de meeste HTML5 elementen, zijn vrij eenvoudig te bouwen:

  1. Duiden het begin van de lijst met <ul> of <ol>.

    De <ul> tag geeft een ongeordende (kogel) lijst en de <ol> tag beschrijft een geordende (genummerde) lijst.

  2. S urround elk item in de lijst met een <li> </ li> paar.
  3. (Optioneel) Nest lijsten in elkaar.

    De <li> van de ene lijst kan een hele nieuwe lijst bevatten. Enkel ben zeker om een ​​lijst af te sluiten voordat u begint met een nieuwe. Consistente inspringen helpt u bij het bijhouden van hoe diep je genest bent te houden.