Les balises HTML de base
Article publié le Jeudi 13 juin 2024 , lu 12 fois
Définition
HTML (HyperText Markup Language) est le langage de balisage standard utilisé pour créer des pages web.
Les balises HTML sont des éléments qui structurent le contenu d'une page web. Elles sont encadrées par des crochets angulaires ("<" et ">") et sont souvent utilisées par paires, avec une balise d'ouverture et une balise de fermeture correspondante.
Voici la liste des balises de base utilisées le plus couramment, ceci n'est qu'un aperçu de quelques balises HTML couramment utilisées. Il existe de nombreuses autres balises et attributs pour répondre à des besoins spécifiques lors de la création de pages web. Les balises HTML sont souvent combinées et imbriquées pour créer une structure cohérente et bien organisée pour le contenu d'une page.
La colonne de droite comporte des liens vers une définition plus approfondie des balises du tableau
| Entité | Description | Lien |
|---|---|---|
| <!DOCTYPE> | Le Doctype d'un document HTML assure que le navigateur interprétera la bonne version HTML. En HTML5 le doctype est : <!DOCTYPE html>. |
 |
| <head> | Informations d'en tête d'un document HTML. |
|
| <meta> | Balises métas de la page HTML. |
|
| <title> | Titre de la page HTML en cours. |
|
| <style> | Permets de définir un style dans le document HTML ou de déclarer une feuille de style. |
|
| <header> | Entête d'une section et/ou d'une page,cette balise est utile pour une introduction et/ou des éléments de navigation. Cette balise peut-être utilisée dans la balise <section> et dans la balise <article>. |
|
| <html> | Déclaration du document HTML. |
|
| <body> | Partie principale du document HTML. |
|
| <nav> | Pour regrouper des liens pour créer des menus. |
|
| <section> | Regrouper des éléments différents mais partageant la même thématique. Cette balise est le plus souvent utilisé avec un header voir un footer. |
|
| <article> | Pour du contenu ayant son propre sens indépendamment du reste des autres éléments de la page. Cela peut-être un billet de forum',' un article de journal… La balise <article> peut avoir son propre header et footer. |
|
| <aside> | Lorsque la balise <aside> se trouve dans un article son contenu se réfère à l'article lui même et non au site Web (par exemple des notes de pages. un glossaire ou tout élément relatifs à l'article). |
|
| <footer> | Bas de page dans une section ou un article. C'est aussi le bas de page d'une page HTML. |
|
| <h1> à <h6> | Hiérarchisation des titres. |
|
| <p> | Paragraphe contenant une ou plusieurs phrases. |
|
| <a> | Lien hypertext. |
|
| <img> | Une image. |
|
| <b> | Texte en gras sémantiquement faible on lui préférera la balise <strong>. |
|
| <strong> | Utilisé dans un paragraphe pour mettre un texte en gras. |
|
| <u> | Souligner du texte dans une page HTML. |
|
| <i> | Caractère en italique dans du code HTML. |
|
| <em> | Utilisé dans un paragraphe pour mettre une partie de texte en emphase. |
|
| <sub> | Déclarer un indice. |
|
| <sup> | Déclarer un exposant. |
|
| <blockquote> | Pour une longue citation venant d'une source externe. |
|
| <abbr> | Une abréviation. |
|
| <ul> | Liste à puces. |
|
| <ol> | Item d'une liste ordonnée. |
|
| <li> | Item d'une liste à puce ou ordonnée. |
|
| <br> | Création d'un saut de ligne. |
|
| <hr> | Ligne de séparation. |
|
| <div> | Balise sans valeur sémantique réelle elle sert de conteneur pour une mise en forme en CSS. |
|
| <span> | Utilisée pour mettre en style une portion de texte qui se différencie des autres. |
|
| <code> | Pour déclarer du code informatique. On peut l'utiliser à l'intérieur de la balise <pre> pour du texte pré formaté. |
|
| <pre> | Ecrire un texte préformaté. Peut-être lui même le conteneur de la balise <code>. |
|
| <form> | Formulaire. |
|
| <label> | Étiquette titre d'une commande. |
|
| <legend> | Titre du fieldset auquel il se rapporte. |
|
| <input> | Champ de saisie d'un formulaire. |
|
| <textarea> | Champ de saisi d'un texte. |
|
| <button> | Pour un bouton. il peut être utilisé comme commande. |
|
| <select> | Liste déroulante. |
|
| <optgroup> | Groupement d'informations dans une liste déroulante. |
|
| <option> | Item dans une liste déroulante. |
|
| <table> | Tableau. |
|
| <thead> | Entête d'un tableau. |
|
| <th> | Cellule d'entête d'un tableau. |
|
| <tbody> | Corps d'un tableau. |
|
| <tr> | Ligne d'un tableau. |
|
| <td> | Cellule dans un tableau. |
|
| <tfoot> | Pied de page d'un tableau. |
|
| <time> | Une date et/ou une heure. |
|
| <caption> | Pour le titre d'un tableau. |
|
| <audio> | Pour lire un fichier audio. |
|
| <video> | Lecture d'une video. |
|
| <script> | Ajouter un script internet ou externe. |
|
| <noscript> | Dans le cas où JavaScript est désactivé. |
|
| <object> | Déclarer un objet. |
|
| <area> | Définie une zone ou plusieurs zones pour une carte image. Cette balise s'utilise avec la balise <map>. |
|
| <map> | Création d'une carte d'images. |
|