Image de l'article Introduction au HTML : structure de base, balises et attributs : Listes en HTML

4.9. Introduction au HTML : structure de base, balises et attributs : Listes en HTML

HTML, qui signifie Hyper Text Markup Language, est l'épine dorsale de tout site Web. C'est le langage de codage qui vous permet de créer et d'organiser du contenu sur le Web, notamment du texte, des images, des listes, des tableaux, des liens, etc. Même si cela peut paraître intimidant pour les débutants, la structure de base du HTML est assez simple et directe. Dans ce chapitre, nous explorerons la structure de base du HTML, ses balises et ses attributs, avec un accent particulier sur les listes en HTML.

Structure de base du HTML

La structure de base d'une page HTML se compose de balises HTML, qui sont utilisées pour définir et organiser le contenu. Une page HTML typique commence par la balise , qui indique au navigateur que le document est un fichier HTML5. Vient ensuite la balise , qui contient tout le contenu de la page. À l'intérieur de la balise , nous avons la balise et la balise .

La balise contient des informations sur la page, telles que le titre (qui apparaît dans l'onglet du navigateur), des liens vers des CSS et JavaScript externes et des métadonnées. La balise est un exemple de balise que vous pouvez trouver à l'intérieur du <head>. Par exemple : <title>Ma première page HTML.

La balise contient le contenu principal de la page, c'est-à-dire ce que les visiteurs voient lorsqu'ils visitent votre site Web. Il peut inclure du texte, des images, des liens, des listes, des tableaux et bien plus encore.

Balises et attributs

Les balises HTML sont utilisées pour définir et organiser le contenu. Chaque balise est entourée de crochets angulaires (< et >). La plupart des balises sont présentées par paires, avec une balise d'ouverture et une balise de fermeture. La balise de fermeture est similaire à la balise d'ouverture, mais comporte une barre oblique (/) avant le nom de la balise.

Par exemple, voici comment utiliser les balises

(paragraphe) et

(titre de niveau 1) :

Mon premier en-tête

Ceci est un exemple de paragraphe.

Les attributs sont utilisés pour fournir des informations supplémentaires sur une balise. Ils sont inclus dans la balise d'ouverture et se composent d'un nom d'attribut et d'une valeur d'attribut. Par exemple, la balise (image) est généralement livrée avec les attributs src (qui spécifie l'URL de l'image) et alt (qui fournit un texte alternatif pour l'image).

Listes en HTML

Les listes constituent une partie importante du HTML. Ils vous permettent d'organiser le contenu de manière facile à lire. Il existe trois principaux types de listes en HTML : les listes ordonnées, les listes non ordonnées et les listes de définition.

Une liste ordonnée est une liste numérotée. Il est créé à l'aide de la balise

    , chaque élément de la liste étant enveloppé dans une balise
  1. . Par exemple :

    1. Élément 1
    2. Élément 2
    3. Élément 3

    Une liste non ordonnée est une liste à puces. Il est créé à l'aide de la balise

      , chaque élément de la liste étant enveloppé dans une balise
    • . Par exemple :

      • Élément 1
      • Élément 2
      • Élément 3

      Une liste de définitions est une liste de termes et leurs définitions. Il est créé à l'aide de la balise

      , chaque terme étant enveloppé dans une balise
      et chaque définition étant enveloppée dans une balise
      . Par exemple :

      HTML
      Langage de balisage hypertexte
      CSS
      Feuilles de style en cascade

      Comprendre la structure de base du HTML, ses balises et ses attributs, ainsi que comment créer des listes est un élément fondamental pour apprendre à devenir développeur front-end. Dans le chapitre suivant, nous explorerons le CSS et comment il est utilisé pour styliser les pages HTML.

      Répondez maintenant à l’exercice sur le contenu :

      Que signifie l'acronyme HTML et quelle est sa fonction ?

      Tu as raison! Félicitations, passez maintenant à la page suivante

      Vous avez raté! Essayer à nouveau.

      Image de l'article Introduction au HTML : structure de base, balises et attributs : Formulaires HTML

      Page suivante de lebook gratuit :

      14Introduction au HTML : structure de base, balises et attributs : Formulaires HTML

      0 minutes

      Obtenez votre certificat pour ce cours gratuitement ! en téléchargeant lapplication Cursa et en lisant lebook qui sy trouve. Disponible sur Google Play ou App Store !

      Get it on Google Play Get it on App Store

+ 6,5 millions
d'étudiants

Certificat gratuit et
valide avec QR Code

48 mille exercices
gratuits

Note de 4,8/5 dans les
magasins d'applications

Cours gratuits en
vidéo, audio et texte