Syntaxe de base des listes
ol : liste ordonnée
ul : liste non ordonnée
li : éléments de liste
dl : Liste
dt : Élément de liste
dd : Description de la liste
Listes couramment utilisées
Liste non ordonnée : Utiliser les balises ul, li attributs : disque. (cercle plein par défaut) cercle (cercle vide) carré (carré)
2. Liste ordonnée : utilisez les balises ol, li attributs : A (lettres majuscules) a (lettres minuscules) l (chiffres romains majuscules) i ( chiffres romains minuscules) début (définir les chiffres arabes de départ)
3. Liste mixte : utilisez les balises ul ol li
4. Liste personnalisée : utilisez les balises dl dt dd
! ! ! ! ! ! Exemple de code
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5表格</title></head><body>
<ul type="square">
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ul>
<ol type="I">
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ol>
<ul type="square">
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
</ul>
<dl>
<dt>hello world</dt>
<dd>can you feel me</dd>
<dt>hello world</dt>
<dd>can you feel me</dd>
<dt>hello world</dt>
<dd>can you feel me</dd>
</dl></body></html>
Copier après la connexion
Copier après la connexion
Rendu
Syntaxe de base de la liste
ol : liste ordonnée
ul : liste non ordonnée
li : élément de liste
dl : liste
dt : élément de liste
dd : description de la liste
Listes couramment utilisées
1. Liste non ordonnée : utilisez les balises ul, les attributs li : disque (cercle plein par défaut) cercle (cercle creux) carré (carré)
Oui Liste de séquence : Utilisez les balises ol, li Attributs : A (lettre majuscule) a (lettre minuscule) l (chiffre romain majuscule) i (chiffre romain minuscule) start (définir le chiffre arabe de départ)
3. Liste mixte : utilisez les balises ul ol li
4. Personnalisez la liste : Utilisez les balises dl dt dd
! ! ! ! ! ! Exemple de code
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5表格</title></head><body>
<ul type="square">
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ul>
<ol type="I">
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ol>
<ul type="square">
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
</ul>
<dl>
<dt>hello world</dt>
<dd>can you feel me</dd>
<dt>hello world</dt>
<dd>can you feel me</dd>
<dt>hello world</dt>
<dd>can you feel me</dd>
</dl></body></html>
Copier après la connexion
Copier après la connexion
Rendu
Ce qui précède est le contenu de la liste H5 Learning Journey-H5 (8). Pour plus de contenu connexe, veuillez payer. attention au site PHP chinois (www.php.cn) !