Comment faire des puces en html

Créer des puces en HTML en utilisant <li>et <ul> balises.

L`utilisation des puces permet de briser les gros morceaux de texte et de souligner les listes d`informations utiles. Bullet points sont faciles à créer dans le logiciel de traitement de texte, mais quand vous tapez un document HTML, vous devez connaître le code pour les créer. Pas beaucoup de code est nécessaire pour créer une liste à puces. Envelopper chaque liste

  • étiquettes, puis enveloppent toute la liste dans
      ou "liste à puces" tags. Vous pouvez alors faire quelque chose que vous voulez avec la liste à puces en utilisant Cascading Style Sheet Code de vous.

    • Écrivez le texte pour vos points de balle. Commencez chaque point sur sa propre ligne. Enveloppez chaque ligne

    • et
      • balises comme ceci:

    • Ceci est un point à puces

    • Ceci est un autre point de balle




    • Créer une ligne vide au-dessus de la liste à puces, puis tapez une ouverture

        tag sur cette ligne. Trouver la fin de votre liste à puces, puis créer une autre ligne vide là. Tapez la fermeture
      tag sur cette ligne. Si vous voulez le style de la liste avec CSS plus tard, puis ajouter un attribut de classe ou ID à l`ouverture
        Étiquette. Voici un exemple d`une liste à puces court avec un attribut ID:

        • Bullet une

        • Bullet deux

      • Utilisez "style" pour créer votre liste à puces en utilisant le code CSS. Ajouter code CSS entre les balises entre le et étiquettes, ou vous pouvez écrire le code CSS dans un fichier .CSS externe et incorporer le fichier en utilisant un tag comme ceci: . "Path / to / stylesheet.css" Changer le chemin vers le fichier .CSS vous créez. Utilisez l`attribut ID ou classe pour sélectionner vos listes à puces, comme ceci:

        mylist li {font-style: italic-}

        Le code ci-dessus sélectionne tous

      • balises dans une étiquette avec un ID de "mylist." Remplacer la marque de hachage avec une période lors de la sélection par l`attribut de classe.

      • Utilisez la propriété «list-style" en CSS pour changer le type de balle. Les types de balles disponibles comprennent des cercles ouverts, disques remplis et carrés pour, des listes non numérotées non-alphabétisés. Voici un exemple pour les balles carrées:

        mylist li {list-style:} carrée

    Conseils Avertissements

    • Utilisez le
        tag au lieu de
          pour créer des listes ordonnées. Vous pouvez ensuite définir le type "list-style" à des types de chiffres ou de lettres variables.
        • Créer puces d`image en spécifiant "none" pour l`attribut "list-style», puis donner à chaque
        • marquer une gauche non-répétition,; image alignée d`arrière-plan. Ajouter un rembourrage à la gauche, côté de chaque
        • tag pour déplacer le texte sur, sinon il va chevaucher l`image.
    Technologie / Programmation web / Html

    AUTRES

    » » » » Comment faire des puces en html