Maison > interface Web > tutoriel HTML > le corps du texte

Que signifie la balise HTML ul ? Explication détaillée du rôle de la balise HTML ul

寻∝梦
Libérer: 2018-08-28 13:42:30
original
56103 Les gens l'ont consulté

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>
    Copier après la connexion

    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>
      Copier après la connexion

      , l'effet est le suivant :

      Que signifie la balise HTML ul ? Explication détaillée du rôle de la balise HTML ul

      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é)

        Trois valeurs d'attribut, maintenant

        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>
        Copier après la connexion
        L'effet du code ci-dessus est le suivant :

        Que signifie la balise HTML ul ? Explication détaillée du rôle de la balise HTML ul

        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>
              Copier après la connexion
              L'effet de la balise ul en HTML ci-dessus est comme le montre la figure :

              Que signifie la balise HTML ul ? Explication détaillée du rôle de la balise HTML ul

              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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal