# HTML B1 ## HTML Le HTML (hyper text markup language) est un langage de programmation qui sert à structurer, hiérarchiser et afficher le contenu d'une page web. Il s'écrit avec des balises suivant cette syntaxe : `<` `nom de la balise` `attributs` `>` `contenu de la balise` `` La structure d'un document HTML est donc une suite de balises que l'on organise afin de donner du sens à notre contenu. Il nous revient de construire notre document HTML afin qu'il soit le plus explicite et sémantiquement correcte. ### Les balises indispensables - `` = déclaration du type de document - `` = racine du document, contient tous les autres éléments - `` = fournit des informations générales (métadonnées) sur le document - `` = contenu principal du document ### Les balises et attributs recommandés - `lang` = déclaration du langage utilisé pour le contenu - `dir` = Sens de lecture du contenu - `charset` = définit l'encodage des caractères utilisés - `title` = définit le titre du document (fenêtre/onglet/référencement) ::: details Afficher le code <<< @/snippets/html/base.html#base ::: ### Les balises structurantes - `

` = en-tête - `

` = élément contenant des liens, destiné à la navigation - `

` = contenu principal du document - `

` = une composition autonome pouvant être utilisée seule - `

` = zone générique du document, plus utile au développeur qu’à l’utilisateur - `

` = contenu secondaire ou indirect à l’inverse de `

` - `

` = niveaux des titres du document - `
` = pied de page ::: details Afficher le code <<< @/snippets/html/base.html#structure ::: ### Les balises de contenus On distingue deux catégories de balises: bloc (block) et en ligne (inline). Les balises en ligne ne peuvent pas contenir de balises bloc. Ci-dessous, quelques exemples de balises (listes non exhaustives). #### Balises bloc - `
` = une citation - `
` = un paragraphe - `
` = liste ordonnée - `
` = liste désordonnée (liste à puce) - `
` = élément d’une liste - `
` = conteneur générique #### Balises en ligne - `` = insertion d’une image - `` = un lien - `` = conteneur générique en ligne - `` = contenu important (en gras) - `
` = saut de ligne ::: details Afficher le code <<< @/snippets/html/base.html#full :::