listes imbriquées

listes imbriquées sont utilisées pour l'organisation de la structure hiérarchique complexe d'un texte, généralement des documents, tels que juridique ou technique. sur la page Web ne peut pas vraiment entraîner automatiquement la numérotation à plusieurs niveaux, comme l'utilisation de sous-éléments tels que 1.1 ou 2.1.3. Par conséquent, il est nécessaire d'entrer le numéro vous-même ou de simplifier l'affichage de la liste. Ainsi, dans l'exemple 1, une liste des articles et paragraphes sont indiqués par des numéros. Pour organiser correctement la pièce jointe indique la balise <OL>, formant des sous-éléments doit être placé dans la balise <LI>.

Exemple 1. Création d'une liste numérotée imbriquée

valide HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titre> Listes imbriquées </ title>
</ Head>
<Body>
<Hr>

<Ol>
<Li> Le paragraphe 1
<Ol>
<Li> Paragraphe 1.1 </ li>
<Li> Paragraphe 1.2 </ li>
</ Ol>
</ Li>
<Li> Article 2
<Ol>
<Li> Paragraphe 2.1 </ li>
<Li> Paragraphe 2.2 </ li>
</ Ol>
</ Li>
</ Ol>

<Hr>
</ Body>
</ Html>

Le résultat de cet exemple est représenté ci-dessous. S'il vous plaît noter qu'il ya un sous-tiret à gauche, mais il n'y a pas d' indentation verticale sur le haut et le bas de la liste, comme cela est généralement le cas avec la balise <OL>.

Fig. 1

Fig. 1. Type de liste numérotée imbriquée

et des listes à puces peuvent être utilisées de manière similaire. Dans ce cas, la liste ci-jointe modifie automatiquement la forme de marqueurs (exemple 2).

Exemple 2. Création d'une liste à puces imbriquées

valide HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titre> Listes imbriquées </ title>
</ Head>
<Body>

<Ul>
<Li> Paragraphe 1
<Ul>
<Li> Paragraphe 1.1 </ li>
<Li> Paragraphe 1.2 </ li>
</ Ul>
</ Li>
<Li> Point 2
<Ul>
<Li> Paragraphe 2.1 </ li>
<Li> Paragraphe 2.2 </ li>
</ Ul>
</ Li>
</ Ul>

</ Body>
</ Html>

Le résultat de cet exemple est représenté ci-dessous.

Fig. 2

Fig. 2. Type de liste à puces imbriquées

© Copyright Politique www.htmlbook.ru