Maison >interface Web >tutoriel HTML >Que signifie la balise HTML ul ? Explication détaillée du rôle de la balise HTML ul
Que signifie la balise HTML ul ? Explication détaillée du rôle de la balise HTML ul
- 寻∝梦original
- 2018-08-28 13:42:3056162parcourir
Cet article vous explique principalement les trois utilisations importantes de la balise HTML ul , ainsi que l'explication de la balise HTML ul, y compris la balise li et l'attribut type sur la balise ul. , ok, regardons l'article ensemble
Tout d'abord, expliquons la signification de la balise HTML ul :
La balise ul définit un tableau Parmi eux, la liste non ordonnée et la liste non ordonnée du tableau se trouvent toutes dans la balise
- , et la liste non ordonnée est utilisée avec la balise
- Lors de l'affichage normal des données, ul est la liste des éléments et li est l'élément de la liste. Les deux ensemble peuvent être utilisés pour afficher des données. (Pour des informations détaillées sur des balises spécifiques, rendez-vous sur le site Web PHP chinois pour apprendre)
Expliquons maintenant la fonction de la balise ul :
- une balise non séquencée. Le mot anglais est "unordered list", qui est une balise fermée avec une queue
La syntaxe spécifique utilisée est la suivante :
<ul>这里都是内容</ul>
1 Parlons de l'utilisation de
- souvent combiné avec des balises d'élément de liste
- À utiliser ensemble, en utilisant le format
<html> <body> PHP中文网 <ul> <li>HTML</li> <li>PHP</li> <li>python</li> </ul> </body> </html>
, l'effet est le suivant :
L'utilisation simple est terminée, maintenant je veux Que devons-nous faire si nous remplaçons les petits points dans la liste non ordonnée ?
2. L'attribut type de la balise
- peut définir le symbole de marque de la liste des émoticônes, généralement
- disque ( point)
- cercle (cercle)
- carré (carré)
Pratirons-le :
le disque ne sera pas expérimenté, c'est le même qu'avant, il est représenté par des petits points. Jetons un coup d'œil à la valeur de l'attribut carré<html> <body> PHP中文网 <ul type="square"> <li>HTML</li> <li>PHP</li> <li>python</li> </ul> </body> </html>
L'effet du code ci-dessus est le suivant :
C'est un peu petit, mais pas très grand évidemment, mais on voit qu'il s'agit bien d'une forme carrée.
3. Parlons maintenant des listes imbriquées :
Les listes imbriquées sont toutes imbriquées dans la balise - , vous ne pouvez pas créer de balise ul à l'intérieur de
- . Le premier
- a 2 éléments de liste imbriqués en dessous, et le second
- a 1 élément de liste imbriqué en dessous.
<html> <body> PHP中文网 <ul type="square"> <li>这是嵌套 <ul> <li>123</li> <li>456</li> <ul> <li>一二三</li> <li>四五六</li> </ul> </li> </ul> </li> <li>HTML</li> <li>PHP</li> <li>python</li> </ul> </body> </html>L'effet de la balise ul en HTML ci-dessus est comme le montre la figure :
Ce sont trois méthodes relativement simples de HTML ul non ordonné l'utilisation des balises de liste et du CSS, dont nous parlerons plus tard (pour plus d'informations, veuillez vous connecter à
www.php.cn) Notre article se termine ici. Si vous avez des questions, vous pouvez les poser ci-dessous. .
[Recommandation de l'éditeur]Comment écrire un chemin relatif pour la balise de base en HTML ? (Introduction à l'utilisation incluse)
Quel est le rôle de la balise méta HTML ? Introduction à l'utilisation des balises méta HTML
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!