Memento des balises HTML et de leurs attributs

30 min Niveau 10

Les balises de premier niveau

Balise	Description
`!DOCTYPE`	Balise de déclaration du type du document permettant au navigateur d’interpréter correctement la version déclarée
`html`	Balise de definition d’un document HTML
`head`	Balise de définition du bloc d’en-tête de la page
`body`	Balise de définition du bloc du corps de la page

Balise	Description
`link`	Balise de liaison d’une ressource externe au document HTML
`meta`	Balise de métadonnées
`script`	Balise d’inclusion de script
`noscript`	Balise ne s’affichant que lorsque les scripts sont désactivés
`style`	Balise d’insertion de style au sein du document HTML
`title`	Balise contenant le titre du document HTML

Balise	Description
`abbr`	Abréviation
`blockquote`	Citation longue
`cite`	Citation d’un titre d’oeuvre ou d’évènement
`q`	Citation courte
`sup`	Exposant
`sub`	Indice
`strong`	Mise en valeur forte
`em`	Mise en valeur normale
`b`	Mise en valeur graphique (gras)
`i`	Mise en valeur graphique (italique)
`h1`	Titre de niveau 1
`h2`	Titre de niveau 2
`h3`	Titre de niveau 3
`h4`	Titre de niveau 4
`h5`	Titre de niveau 5
`h6>`	Titre de niveau 6
`img`	Balise d’insertion d’image
`figure`	Balise de regroupement d’un ou plusieurs médias
`figcaption`	Description ou légende d’un élément figure
`audio`	Balise d’intégration de son
`video`	Balise d’intégration de vidéo
`source`	Balise de source de l’audio ou de la vidéo d’une balise correspondante
`a`	Balise de lien
`br`	Balise de retour à la ligne
`p`	Balise de paragraphe
`hr`	Ligne de séparation horizontale
`address`	Balise d’informations à propos de l’auteur de l’article ou du document
`del`	Balise encadrant un texte qui a été supprimé d’un document
`ins`	Balise encadrant un texte qui a été ajouté dans un document
`dfn`	Balise encadrant le sujet de la définition d’un terme
`kbd`	Balise représentant une saisie clavier
`pre`	Balise d’affichage d’un texte préformaté
`progress`	Balise représentant l’état d’avancement d’une tâche
`time`	Balise représentant une date et / ou une heure

Balise	Description
`ul`	Balise de liste à puces
`ol`	Balise de liste numérotée
`li`	Élément d’une liste ul ou ol
`dl`	Balise de liste de définitions
`dt`	Balise encadrant le terme à définir
`dd`	Balise de définition du terme

Balise	Description
`table`	Balise de déclaration d’un tableau
`thead`	Balise de déclaration de l’en-tête d’un tableau
`tbody`	Balise de déclaration du corps d’un tableau
`tfoot`	Balise de déclaration du pied d’un tableau
`tr`	Balise de déclaration d’une ligne dans un tableau
`td`	Balise de déclaration d’une cellule dans un tableau
`th`	Balise de déclaration d’une cellule dans l’en-tête d’un tableau
`caption`	Titre d’un tableau

Balise	Description
`form`	Balise de formulaire
`fieldset`	Balise de regroupement de champs
`legend`	Balise de titre d’un groupe de champs
`label`	Balise de libellé d’un champ
`input`	Balise de champ
`textarea`	Balise de zone de saisie à plusieurs lignes
`select`	Balise de liste déroulante
`option`	Balise d’élément d’une liste déroulante
`optgroup`	Balise de groupement d’éléments dans une liste déroulante

Balise	Description
`header`	Balise d’en-tête du document ou d’une partie du document
`nav`	Balise contenant les principaux liens représentant le menu de navigation
`footer`	Balise de pied de page du document ou d’une partie du document
`section`	Balise de section du document
`article`	Balise de définition d’un article
`aside`	Balise de groupement d’informations complémentaires

Balise	Description
`span`	Balise de type inline
`div`	Balise de type block

Balise	Description
`accesskey`	Attribut permettant de définir un raccourci clavier pour activer ou donner le focus à un élément
`class`	Attribut permettant d’attacher une ou plusieurs classes à l’élément HTML
`contenteditable`	Attribut permettant d’indiquer si le contenu est éditable
`contextmenu`	Référence à l’identifiant d’un élément menu pour définir un menu contextuel à l’élément courant
`dir`	Attribut définissant la direction du texte
`hidden`	Attribut permettant de cacher le rendu visuel d’un élément sans altérer l’affichage des éléments enfants actifs
`id`	Attribut permettant d’identifier de façon unique un élément
`lang`	Attribut indiquant la langue utilisée dans l’élément
`style`	Attribut permettant de définir des styles CSS directement au sein du code HTML
`tabindex`	Attribut permettant de modifier l’ordre de navigation de la touche tabulation
`title`	Attribut permettant de définir un texte explicatif de l’élément concerné. Ce texte est généralement affiché grâce à une infobulle au survol de l’élément

Balise	Description
`border`	Définit l’épaisseur de la bordure du tableau
`cellspacing`	Définit l’espace entre les cellules du tableau
`cellpadding`	Définit les marges intérieures des cellules d’un tableau
`width`	Définit la largeur d’un tableau ou d’une cellule
`height`	Définit la hauteur d’un tableau ou d’une cellule
`bordercolor`	Définit la couleur des bordures d’un tableau
`bgcolor`	Définit la couleur de fond d’un tableau et / ou d’une cellule
`colspan`	Définit la fusion de plusieurs cellules en largeur
`rowspan`	Définit la fusion de plusieurs cellules en hauteur
`align`	Definite l’alignement horizontal du contenu d’une cellule
`valign`	Définit l’alignement vertical du contenu d’une cellule

Balise	Description
`src`	Définit le chemin vers le fichier de l’image
`width`	Définit la largeur de l’image
`height`	Définit la hauteur de l’image
`alt`	Définit un contenu alternatif à afficher lorsque l’image ne peut pas être affichée
`align`	Définit l’alignement du texte par rapport à l’image
`usemap`	Définit le nom de l’image interactive à utiliser

Balise	Description
`alt`	Définit un contenu alternatif à afficher lorsque le lien ne peut pas être affiché
`href`	Définit l’URL du lien
`target=”_blank”`	Force le navigateur à ouvrir le lien dans un nouvel onglet ou bien une nouvelle fenêtre

Cours précédent

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !