Voici la liste des balises HTML avec un exemple pour chacune des balises :
| Balise | Description | Code source | Exemple |
|---|---|---|---|
| <!-- .. --> | Cette balise permet d'indiquer un commentaire. | <!-- Ceci est un commentaire n'étant pas vue --> | |
| !DOCTYPE | Cette balise permet d'indiquer le type de document ou le standard que respect le document. | ||
| A | Cette balise permet de créer un lien ou un ancrage. | <a href="http://www.gladir.com">Cliquez ici pour allez sur ce site</a> | Cliquez ici pour allez sur ce site |
| ABBR | Cette balise indique une abréviation. | <abbr title="Assembleur">ASM</abbr> | ASM |
| ACRONYM | Cette balise indique une acronyme. | <acronym title="HyperText Mark-Up Language">HTML</acronym> | HTML |
| ADDRESS | Cette balise indique une adresse. | <address>Laval, Québec, Canada</address> | Laval, Québec, Canada |
| APPLET | Cette balise permet l'insertion d'un appel au Java. | ||
| AREA | Cette balise permet de spécifié des régions sur des images devant servir de lien. | ||
| B | Cette balise permet de faire passer la police de caractères courante en mode caractères gras. | <b>Ceci est en gras</b> | Ceci est en gras |
| BASE | Cette balise permet de spécifier à tous les documents une répertoire de base pour les liens URI. | ||
| BASEFONT | Cette balise permet de définir les caractéristiques de base par la police de caractères courante. | ||
| BDO | Cette balise permet d'afficher différemment le sens du texte pour les autres langues. | ||
| BIG | Cette balise permet de faire passer la police de caractères courante en mode caractères plus grand. | <big>Ceci en en gros</big> | Ceci en en gros |
| BLOCKQUOTE | Cette balise permet de faire des marques pour les citations d'un bloc. | ||
| BODY | Cette balise permet d'indiquer la section de corps du document où sont affichés les données à présenter. | ||
| BR | Cette balise permet d'effectuer un saut de ligne simple. | Avant<br>Après | Avant Après |
| BUTTON | Cette balise permet d'afficher un bouton sur lequel on pourra cliquer. | ||
| CAPTION | Cette balise permet de spécifier un titre ou une légende associé à un tableau. | ||
| CENTER | Cette balise permet de centrer un contenu. | <center>Milieu</center> | |
| CITE | Cette balise permet de faire des marques pour les citations. | <cite>Livre, Edition, 2010</cite> | Livre, Edition, 2010 |
| CODE | Cette balise permet de démarquer un code source de langage de programmation. | ||
| COL | Cette balise permet de définir les paramètres d'une colonne de tableau. | ||
| COLGROUP | Cette balise permet de définir un groupe de colonne de tableau. | ||
| DD | Cette balise permet de définir un terme dans une liste de définitions. |
<dl> <dt>Definit le terme 1</dt> <dd>Definition du terme 1</dd> <dt>Definit le terme 2</dt> <dd>Definition du terme 2</dd> </dl> |
|
| DEL | Cette balise permet de faire passer la police de caractères courante en mode caractères à effacé. | <del>A supprimer</del> | |
| DFN | Cette balise permet d'indiquer qu'il s'agit d'une définition. | ||
| DIR | Cette balise permet d'indiquer qu'il s'agit d'une liste de répertoire. | ||
| DIV | Cette balise permet d'indiquer qu'il s'agit d'un bloc de division ayant une orientation d'affichage indépendante. | ||
| DL | Cette balise permet d'indiquer qu'il s'agit d'une liste de définitions. | ||
| DT | Cette balise permet d'indiquer un terme à spécifié dans liste de définitions. |
<dl> <dt>Definit le terme 1</dt> <dd>Definition du terme 1</dd> <dt>Definit le terme 2</dt> <dd>Definition du terme 2</dd> </dl> |
|
| EM | Cette balise permet de faire passer la police de caractères courante en mode caractères empathique. | <em>Empathique</em> | Empathique |
| FIELDSET | Cette balise permet d'indiquer un groupe d'élément contenu dans un formulaire. | ||
| FONT | Cette balise permet de définir les caractéristiques de la police de caractères courante. | <font face="Times New Roman">Exemple de police romaine</font> | Exemple de police romaine |
| FORM | Cette balise permet de définir une formulaire à soumettre. | <form action="mailto:support@gladir.com"> Votre nom : <input name="Name" value="" size="10"><br> Votre question : <input name="Question" value="" size="10"><br> Courriel : <input name="Email" value="" size="10"><br> <input type="submit" value="Envoyer"><br> </form> |
|
| FRAME | Cette balise permet de créer une sous-fenêtre (cadre) contenu dans la fenêtre. | ||
| FRAMESET | Cette balise permet de créer un ensemble de sous-fenêtre (cadre) contenu dans la fenêtre. | ||
| H1 | Cette balise permet d'effectuer un marquage de titre de premier niveau. | <h1>Exemple d'entête 1</h1> | Exemple d'entête 1 |
| H2 | Cette balise permet d'effectuer un marquage de titre de deuxième niveau. | <h2>Exemple d'entête 2</h2> | Exemple d'entête 2 |
| H3 | Cette balise permet d'effectuer un marquage de titre de troisième niveau. | <h3>Exemple d'entête 3</h3> | Exemple d'entête 3 |
| H4 | Cette balise permet d'effectuer un marquage de titre de quatrième niveau. | <h4>Exemple d'entête 4</h4> | Exemple d'entête 4 |
| H5 | Cette balise permet d'effectuer un marquage de titre de cinquième niveau. | <h5>Exemple d'entête 5</h5> | Exemple d'entête 5 |
| H6 | Cette balise permet d'effectuer un marquage de titre de sixième niveau. | <h6>Exemple d'entête 6</h6> | Exemple d'entête 6 |
| HEAD | Cette balise permet d'indiquer la section d'entête du document. |
<head> <link rel="stylesheet" type="text/css" href="feuille.css" /> </head> |
|
| HR | Cette balise permet d'afficher une ligne horizontal pour la séparation. | <hr> | |
| HTML | Cette balise permet d'indiquer le début et la fin du document HTML. | ||
| I | Cette balise permet de faire passer la police de caractères courante en mode caractères italique. | <i>Italique</i> | Italique |
| IFRAME | Cette balise permet de créer une sous-fenêtre intégré à la fenêtre. | ||
| IMG | Cette balise permet d'inclure une référence d'image au document. | <img id="Image1" title="Logo" src="http://www.gladir.com/IMAGES/logo.gif" /> |  |
| INPUT | Cette balise permet d'effectuer une entrée de données dans un formulaire. | ||
| INS | Cette balise permet d'indiquer des ajouts dans un texte. | ||
| ISINDEX | Cette balise permet de mettre en place des mécanismes de recherche. | ||
| KBD | Cette balise permet de faire passer la police de caractères courante en mode caractères entrée clavier. | ||
| LABEL | Cette balise permet d'associer un contenu à une balise de contrôle par l'entremise d'une étiquette. | ||
| LEGEND | Cette balise permet de définir un titre dans un groupe d'items contenu dans un formulaire. | ||
| LI | Cette balise permet de définir un item contenu dans une liste. | ||
| LINK | Cette balise permet d'inclure un fichier ressource par laquelle on l'appliquera sur la page affiché. | ||
| MAP | Cette balise permet de définir un passage pour une image contenant des liens. | ||
| MARQUEE | Cette balise permet d'effectuer une animation de texte ou d'image se déplaçant. | ||
| MENU | Cette balise permet de définir la liste d'un menu. | ||
| META | Cette balise permet de définir des entêtes de type «Meta». | ||
| NOFRAME | Cette balise permet créer une sous-fenêtre sans cadre intégré à la fenêtre lorsque la fonctionnalité de multiple cadre n'est pas supporté par le navigateur Web. | ||
| NOSCRIPT | Cette balise permet d'indiquer un morceau où aucun scripte ne peut être exécuté. | ||
| OBJECT | Cette balise permet d'inclure un objet multimédia. | ||
| OL | Cette balise affiche un item d'une liste numérotée. | ||
| OPTGROUP | Cette balise affiche un groupe contenu dans la liste de choix. | ||
| OPTION | Cette balise ajoute un item dans une liste de choix. | ||
| P | Cette balise indique les limites d'un paragraphe de texte. | ||
| PARAM | Cette balise permet de spécifier les paramètres d'applet Java ou d'objet multimédia. | ||
| PRE | Cette balise indique qu'il s'agit d'un texte préformaté. | ||
| Q | Cette balise permet de faire des marques pour les citations. | ||
| S | Cette balise permet de faire passer la police de caractères courante en mode caractères barré. | <s>barré</s> | |
| SAMP | Cette balise indique qu'il s'agit d'un texte d'exemple. | <samp>Exemple</samp> | Exemple |
| SCRIPT | Cette balise indique qu'on intègre une zone de script comme JavaScript, VBScript,.... | ||
| SELECT | Cette balise permet d'indiquer une liste de choix. | ||
| SMALL | Cette balise permet de faire passer la police de caractères courante en mode caractères plus petit. | <small>petit</small> | petit |
| SPAN | Cette balise permet de faire passer les attributs de caractères sous des aspects différents habituellement à l'aide de CSS. | ||
| STRIKE | Cette balise permet de faire passer la police de caractères courante en mode caractères barré. | <strike>barré</strike> | |
| STRONG | Cette balise permet d'indiquer un texte dit avec une forte intonation. | <strong>gras</strong> | gras |
| STYLE | Cette balise permet d'indiquer un zone contenant des informations de feuille de style (CSS). | ||
| SUB | Cette balise permet de faire passer la police de caractères courante en mode caractères indice. | PV = P<sub>1</sub>V<sub>1</sub> | PV = P1V1 |
| SUP | Cette balise permet de faire passer la police de caractères courante en mode caractères exposant. | 10<sup>2</sup> | 102 |
| TABLE | Cette balise permet de définir un tableau. | ||
| TBODY | Cette balise permet de définir de tableau contenu dans un corps. | ||
| TD | Cette balise permet de définir un cellule de tableau. | ||
| TEXTAREA | Cette balise permet de définir une entrée de données sur plusieurs lignes. | ||
| TFOOT | Cette balise permet de définir le bas d'un tableau. | ||
| TH | Cette balise permet de définir un cellule d'entête tableau. | ||
| THEAD | Cette balise permet de définir un ligne d'entête tableau. | ||
| TITLE | Cette balise permet de donner un titre au document. | ||
| TR | Cette balise permet de définir un ligne de tableau. | ||
| TT | Cette balise permet de faire passer la police de caractères courante en mode caractères courrier. | ||
| U | Cette balise permet de faire passer la police de caractères courante en mode caractères souligné. | <u>Souligné</u> | Souligné |
| UL | Cette balise permet d'afficher une liste. | ||
| VAR | Cette balise permet d'indiquer un texte dit «variable». | ||
| XMP | Cette balise est déconseillé, mais permet d'indiquer que les balises situé dans son corps sont affichés sans être traité comme des éléments de la page. |
Voir également
Référence des balises d'Apple pour Safari
Dernière mise à jour : Dimanche, 5 octobre 2014