Guide Essentiel des Balises HTML

Structure de Base

  • <!DOCTYPE html> : Indique au navigateur qu’il s’agit d’un document HTML5.
  • <html> : Conteneur principal de la page HTML.
  • <head> : Contient les métadonnées (titre, styles, scripts, etc.).
  • <body> : Contient le contenu visible de la page.
  • <link rel="stylesheet" href="style.css"> : Lien vers une feuille de style CSS externe.
  • <style> : Contient du CSS directement dans le document HTML.

Balises de Texte

  • <h1> à <h6> : Titres (du plus grand <h1> au plus petit <h6>).
  • <p> : Paragraphe de texte.
  • <br> : Saut de ligne.
  • <hr> : Ligne horizontale.
  • <strong> : Texte en gras (importance sémantique).
  • <em> : Texte en italique (emphase).
  • <mark> : Met en surbrillance.
  • <small> : Texte en petit.
  • <ins> : Texte souligné.

Liens et Images

Conteneurs et Structure

  • <div> : Conteneur de bloc (mise en page).
  • <span> : Conteneur en ligne (mise en forme de texte).
  • <header> : En-tête de page.
  • <nav> : Section de navigation.
  • <section> : Section de contenu.
  • <article> : Article autonome.
  • <footer> : Pied de page.
  • <a href="URL"> : Créer un lien hypertexte.
  • <img src="URL" alt="une salle de théâtre très large avec un rideau rouge et des sièges en velours"> : Afficher une image. L’attribut alt fournit une description textuelle de l’image, utile pour l’accessibilité (lecteurs d’écran pour les malvoyants) et lorsque l’image ne peut pas être affichée.

Listes

  • <ul> : Liste non ordonnée (puces).
  • <ol> : Liste ordonnée (numéros).
  • <li> : Élément de liste.

Tableaux

  • <table> : Définit un tableau.
  • <tr> : Ligne du tableau.
  • <th> : Cellule d’en-tête.
  • <td> : Cellule de données.

Formulaires

  • <form> : Définit un formulaire.
  • <input type="text"> : Champ de saisie.
  • <textarea> : Zone de texte multi-ligne.
  • <button> : Bouton.
  • <label> : Etiquette d’un champ.
  • <select> + <option> : Liste déroulante.

Contenu Multimédia

  • <audio src="URL" controls> : Ajouter un audio.
  • <video src="URL" controls> : Ajouter une vidéo.
  • <iframe src="URL"> : Intégrer une page externe.