Balises HTML

Les balises HTML sont comme des mots-clés qui définissent la manière dont le navigateur Web
formatera et affichera le contenu. À l'aide de balises, un navigateur Web peut faire la distinction
entre un contenu HTML et un contenu simple. Les balises HTML contiennent trois parties principales:
la balise d'ouverture, le contenu et la balise de fermeture. Mais certaines balises HTML sont des
balises non fermées.

Lorsqu'un navigateur Web lit un document HTML, le navigateur le lit de haut en bas et de gauche à
droite. Les balises HTML sont utilisées pour créer des documents HTML et rendre leurs propriétés.
Chaque balise HTML a des propriétés différentes.

Un fichier HTML doit avoir des balises essentielles pour que le navigateur Web puisse faire la
différence entre un texte simple et un texte HTML. Vous pouvez utiliser autant de balises que vous le
souhaitez selon les exigences de votre code.

Toutes les balises HTML doivent être placées entre <> ces crochets.

Chaque balise HTML exécute différentes tâches.

Si vous avez utilisé une balise ouverte <tag>, vous devez utiliser une balise de fermeture </tag> (sauf
certaines balises)

Syntaxe

<tag> contenu </tag>

Exemples de balises HTML

Remarque: les balises HTML sont toujours écrites en minuscules. Les balises HTML de base sont
données ci-dessous:

<p> Paragraph Tag </p>

<h2> Heading Tag </h2>

<b> Bold Tag </b>

<i> Italic Tag </i>

<u> Underline Tag</u>

Balises HTML non fermées

Certaines balises HTML ne sont pas fermées, par exemple br et hr.

<br> Tag: br signifie break line, il brise la ligne du code.

<hr> Tag: hr signifie règle horizontale. Cette balise est utilisée pour mettre une ligne sur
la page Web.

Balises méta HTML

DOCTYPE, titre, lien, méta et style

Balises de texte HTML

<p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>,
<acronyme>, <address>, <bdo >, <blockquote>, <cite>, <q>, <code>, <ins>, <del>,
<dfn>, <kbd>, <pre>, <samp>, <var> et <br>

Balises de lien HTML

<a> et <base>

Balises d'image et d'objet HTML

<img>, <area>, <map>, <param> et <object>

Balises de liste HTML

<ul>, <ol>, <li>, <dl>, <dt> et <dd>

Balises de table HTML

table, tr, td, th, tbody, thead, tfoot, col, colgroup et légende

Balises de formulaire HTML

formulaire, saisie, zone de texte, sélection, option, groupe d'options, bouton, étiquette,
jeu de champs et légende
Balises de script HTML

script et noscript

Remarque: nous verrons des exemples utilisant ces balises dans les chartes ultérieures.

Liste des balises HTML

Voici la liste complète des balises HTML avec la description qui sont classées par ordre
alphabétique.

Remarque: Ici, la liste des balises HTML représente les éléments nouvellement ajoutés
dans HTML5.

Balises HTML par alphabets

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Nom de la balise et Description

<! - -> Cette balise est utilisée pour appliquer un commentaire dans un document HTML.

<! DOCTYPE> Cette balise est utilisée pour spécifier la version du HTML

UNE

<a> Il est appelé balise d'ancrage et crée un lien hypertexte ou un lien.

<abbr> Il définit une abréviation pour une phrase ou un mot plus long.

<acronym> Il définit l'acronyme d'un mot. (Non pris en charge dans HTML5)

<address> Il définit les coordonnées de l'auteur de l'article HTML

<applet> Il définit une applet Java intégrée. (Non pris en charge dans HTML5)

<area> Il définit la zone d'une carte image.

<article> Liste des balises HTML Il définit le contenu autonome.

<aside> Liste des balises HTML Il définit le contenu en dehors du contenu principal.
Principalement représenté sous forme de barre latérale.

<audio> Liste des balises HTML Il est utilisé pour incorporer du contenu sonore dans un
document HTML.

<b> Il est utilisé pour mettre un texte en gras.

<base> Cette balise définit l'URL de base de toutes les URL relatives dans le document.

<basefont> Cette balise est utilisée pour définir la police, la taille et la couleur par défaut
de tous les éléments du document. (Non pris en charge dans HTML5)

<bdi> Liste des balises HTML Cette balise est utilisée pour isoler la partie du texte qui
peut être formatée dans des directions différentes de son texte environnant.

<bdo> Il est utilisé pour remplacer la direction actuelle du texte.

<big> Cette balise est utilisée pour augmenter la taille de la police d'un niveau par
rapport à son contenu environnant. (Non pris en charge dans HTML5)

<blockquote> Il est utilisé pour définir un contenu qui provient d'une autre source.

<body> Il est utilisé pour définir la section du corps d'un document HTML.

<br> Il est utilisé pour appliquer un saut de ligne unique.

<button> Il est utilisé pour représenter un bouton cliquable

<canvas> Liste des balises HTML Il est utilisé pour fournir un espace graphique dans un
document Web.

<caption> Il est utilisé pour définir une légende pour un tableau.

<center> Il est utilisé pour aligner le contenu au centre. (Non pris en charge dans
HTML5)

<cite> Il permet de définir le titre de l'ouvrage, du livre, du site Web, etc.

<code> Il est utilisé pour afficher une partie du code de programmation dans un
document HTML.

<col> Il définit une colonne dans une table qui représente les propriétés communes des
colonnes et utilisée avec l'élément <colgroup>.

<colgroup> Il est utilisé pour définir un groupe de colonnes dans une table.

ré

<data> Liste des balises HTML Il est utilisé pour lier le contenu à la traduction lisible par
machine.

<datalist> Liste des balises HTML Il est utilisé pour fournir une liste prédéfinie pour
l'option d'entrée.

<dd> Il est utilisé pour fournir la définition / description d'un terme dans la liste de
description.

<del> Il définit un texte qui a été supprimé du document.

<détails> Liste des balises HTML Il définit des détails supplémentaires que l'utilisateur
peut afficher ou masquer.

<dfn> Il est utilisé pour indiquer un terme qui est défini dans une phrase / phrase.

<dialog> Liste des balises HTML Il définit une boîte de dialogue ou d'autres composants
interactifs.

<dir> Il est utilisé comme conteneur pour la liste des répertoires des fichiers. (Non pris
en charge dans HTML5)

<div> Il définit une division ou une section dans un document HTML.

<dl> Il est poursuivi pour définir une liste de description.

<dt> Il est utilisé pour définir un terme dans la liste de description.

<em> Il est utilisé pour mettre en valeur le contenu appliqué dans cet élément.

<embed> Liste des balises HTML Il est utilisé comme conteneur intégré pour un fichier /
application / média externe, etc.

<fieldset> Il est utilisé pour regrouper les éléments / étiquettes associés dans un
formulaire Web.

<figcaption> Liste des balises HTML Il est utilisé pour ajouter une légende ou une
explication pour l'élément <figure>.

<figure> Liste des balises HTML Il est utilisé pour définir le contenu autonome, et se
réfère principalement à une seule unité.

<font> Il définit la police, la taille, la couleur et la face du contenu. (Non pris en charge
dans HTML5)

<footer> Liste des balises HTML Il définit la section de pied de page d'une page Web.

<form> Il est utilisé pour définir un formulaire HTML.

<frame> Il définit une zone particulière de la page Web qui peut contenir un autre fichier
HTML. (Non pris en charge dans HTML5)

<frameset> Il définit un groupe de cadres. (Non pris en charge dans HTML5)

<h1> à <h6> Il définit les en-têtes d'un document HTML du niveau 1 au niveau

<head> Il définit la section d'en-tête d'un document HTML.

<header> Liste des balises HTML Il définit l'en-tête d'une section ou d'une page Web.
<hr> Il est utilisé pour appliquer une coupure thématique entre les éléments de niveau
paragraphe.

<html> Il représente la racine d'un document HTML.

je

<i> Il est utilisé pour représenter un texte d'une voix différente.

<iframe> Il définit un cadre en ligne qui peut incorporer d'autres contenus.

<img> Il est utilisé pour insérer une image dans un document HTML.

<input> Il définit un champ de saisie dans un formulaire HTML.

<ins> Il représente du texte qui a été inséré dans un document HTML.

<isindex> Il est utilisé pour afficher la chaîne de recherche pour le document courant.
(Non pris en charge dans HTML5)

<kbd> Il est utilisé pour définir la saisie au clavier.

<label> Il définit une étiquette de texte pour le champ de saisie du formulaire.

<legend> Il définit une légende pour le contenu de <fieldset>

<li> Il est utilisé pour représenter les éléments dans la liste.

<link> Il représente une relation entre le document actuel et une ressource externe.

<main> Liste des balises HTML Elle représente le contenu principal d'un document HTML.

<map> Il définit une carte image avec des zones actives.

<mark> Liste des balises HTML Il représente un texte en surbrillance.

<marquee> Il est utilisé pour insérer le texte défilant ou une image horizontalement ou
verticalement. (Non pris en charge dans HTML5)

<menu> Il est utilisé pour créer une liste de menus de commandes.

<meta> Il définit les métadonnées d'un document HTML.

<mètre> Liste des balises HTML Il définit la mesure scalaire avec une plage connue ou
une valeur fractionnaire.

N
<nav> Liste des balises HTML Il représente une section de page pour représenter les
liens de navigation.

<noframes> Il fournit un contenu alternatif à représenter dans le navigateur qui ne

prend pas en charge les éléments <frame>. (Non pris en charge dans HTML5)

<noscript> Il fournit un contenu alternatif si un type de script n'est pas pris en charge
dans le navigateur.

<object> Il est utilisé pour incorporer un objet dans un fichier HTML.

<ol> Il définit une liste ordonnée d'éléments.

<optgroup> Il est utilisé pour regrouper les options d'une liste déroulante.

<option> Il est utilisé pour définir des options ou des éléments dans une liste déroulante.

<output> Liste des balises HTML Il est utilisé comme élément de conteneur qui peut
afficher le résultat d'un calcul.

<p> Il représente un paragraphe dans un document HTML.

<param> Il définit le paramètre d'un élément <object>

<picture> Liste des balises HTML Elle définit plus d'un élément source et un élément
image.

<pre> Il définit le texte préformaté dans un document HTML.

<progress> Liste des balises HTML Il définit la progression d'une tâche dans un
document HTML.

<q> Il définit une courte citation en ligne.

<rp> Liste des balises HTML Il définit un contenu alternatif si le navigateur ne prend pas
en charge les annotations ruby.

<rt> Il définit les explications et les prononciations dans les annotations ruby.

<ruby> Il est utilisé pour représenter les annotations ruby.

<s> Il rend le texte qui n'est plus correct ou pertinent.

<samp> Il est utilisé pour représenter un exemple de sortie d'un programme
informatique.

<script> Il est utilisé pour déclarer le JavaScript dans un document HTML.

<section> Liste des balises HTML Elle définit une section générique pour un document.

<select> Il représente un contrôle qui fournit un menu d'options.

<small> Il est utilisé pour rendre la police du texte une taille plus petite que la taille de
police de base du document.

<source>> Liste des balises HTML Il définit plusieurs ressources multimédias pour
différents éléments multimédias tels que l'élément <picture>, <video> et <audio>.

<span> Il est utilisé pour le style et le regroupement en ligne.

<strike> Il est utilisé pour rendre grève à travers le texte. (Non pris en charge dans
HTML5)

<strong> Il est utilisé pour définir un texte important.

<style> Il est utilisé pour contenir des informations de style pour un document HTML.

<sub> Il définit un texte qui s'affiche sous forme de texte en indice.

<summary> Liste des balises HTML Il définit un résumé qui peut être utilisé avec la
balise <details>.

<sup> Il définit un texte qui représente un texte en exposant.

<svg> Il est utilisé comme conteneur de SVG (Scalable Vector Graphics).

<table> Il est utilisé pour présenter des données sous forme de tableau ou pour créer un
tableau dans un document HTML.

<tbody> Il représente le contenu du corps d'un tableau HTML et est utilisé avec <thead>
et <tfoot>.

<td> Il est utilisé pour définir les cellules d'un tableau HTML qui contient des données de
tableau

<template> Il est utilisé pour contenir le contenu côté client qui ne s'affichera pas au
moment du chargement de la page et peut être rendu ultérieurement en utilisant
JavaScript.

<textarea> Il est utilisé pour définir une entrée sur plusieurs lignes, comme un
commentaire, une rétroaction et une révision, etc.

<tfoot> Il définit le contenu du pied de page d'un tableau HTML.

<th> Il définit la cellule d'en-tête d'un tableau HTML.

<thead> Il définit l'en-tête d'un tableau HTML. Il est utilisé avec les balises <tbody> et
<tfoot>.

<heure> Liste des balises HTML Il est utilisé pour définir les données / temps dans un
document HTML.

<title> Il définit le titre ou le nom d'un document HTML.

<tr> Il définit les cellules de ligne dans un tableau HTML

<track> Il est utilisé pour définir des pistes de texte pour les éléments <audio> et
<video>.

<tt> Il est utilisé pour définir le télétype du texte. (Non pris en charge dans HTML5)

<u> Il est utilisé pour rendre le texte fermé avec un soulignement.

<ul> Il définit une liste non ordonnée d'éléments.

<var> Il définit le nom de la variable utilisé dans un contexte mathématique ou de

programmation.

<video> Liste des balises HTML Il est utilisé pour intégrer une vidéo contexte