HTML signifie « HyperText Markup Language » qu'on peut traduire par « langage de balises pour l'hypertexte ». Il est utilisé afin de créer et de représenter le contenu d'une page web. C'est ce qui détermine le contenu et la présentation de base d'une page web mais pas ses fonctionnalités.
HTML fonctionne en ajoutant des « balises » au sein d'un texte normal. Chacune de ces balises indique la signification de telle ou telle portion de texte dans le site. On parle d'« hypertexte » en référence aux liens qui connectent les pages web entre elles. C'est la mécanique originelle du « World Wide Web » que nous connaissons aujourd'hui. En écrivant et publiant des pages web, vous devenez un acteur du Web dès que votre site est accessible en ligne.
HTML permet d'inclure des images et d'autres contenus dans les pages web. Grâce à HTML, chacun peut créer des sites web aussi bien statiques que dynamiques. HTML est le langage qui permet de décrire la structure et le contenu sémantique d'un document web. Ce contenu est balisé par des éléments HTML comme {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, {{HTMLElement("picture")}} et bien d'autres encore. Ces éléments forment les blocs utilisés pour construire un site web.
Les articles suivants fournissent des éléments de référence utiles au développement web :
- Référence HTML
Dans notre référence exhaustive, vous trouverez le détail de chaque élément et attribut constituant HTML.
- Guide HTML
Pour plus d'informations sur l'utilisation du HTML, des tutoriaux et des exemples complets, voir le guide de développement HTML.
- Introduction à HTML
Premiers pas dans le développement web ? L'introduction explique ce qu'est HTML et comment l'utiliser.
Références
- Référence HTML
- HTML est un langage décrivant la structure et le contenu sémantiqe d'un document web. Il est constitué d'éléments, chacun pouvant être paramétré grâce à différents attributs.
- Référence des éléments HTML
- Cette page liste les différents éléments HTML.
- Référence des attributs HTML
- Les élements HTML possèdent des attributs. Ce sont des valeurs additionnelles permettant de configurer ou d'ajuster le comportement les éléments de manières à répondre aux critères de l'utilisateur.
- Éléments en ligne
- Les éléments HTML sont habituellement des élements « en ligne » ou des éléments de bloc. Un élement en ligne occupe seulement l'espace associé aux balises.
- Éléments de bloc
- Les éléments de bloc sont une catégorie d'éléments HTML opposés aux éléments en ligne. Leur caractéristique principale réside dans le fait qu'ils sont séparés par un saut de ligne avant et après l'élément (créant ainsi un bloc de contenu). Ce faisant, ils prennent la largeur de leurs conteneurs.
- Attributs globaux
- Les attributs globaux peuvent être spécifiés dans tous les éléments HTML, même ceux non spécifiés dans le standard. Cela signifie que tout élément non-standard doit encore permettre ces attributs, bien que l'utilisation de ces éléments signifie que le document n'est plus conforme au HTML5. Par exemple, les navigateurs conformes au HTML5 masquent les contenus marqués comme
<foo hidden>...<foo>
, bien que
<foo>
ne soit pas un élément valide HTML. - Attributs de réglage du CORS
- Certains des éléments HTML supportant le CORS (Cross-Origin Resource Sharing) comme les <img> ou les
<video>
, ont un attributcrossorigin
(propriétécrossOrigin
), qui permet de configurer les requêtes CORS pour les données de l'élément à renvoyer. - Focus management in HTML
- Dans un document de travail en HTML5, l'attribut DOM
activeElement
et la méthode DOMhasFocus()
permet au programmeur d'avoir un meilleur contrôle de l'interactivité d'une page vis à vis des actions de l'utilisateur. Par exemple, ils peuvent tout deux être utilisés pour des statistiques, pour surveiller le nombre de clics sur certains liens d'une page, pour comptabiliser le nombre de fois où l'élement reçoit le focus, etc. De plus, combinés à une technologie AJAX, ils aident à minimiser le nombre de requêtes au serveur, en fonction de l'activité de l'utilisateur et de l'agencement de la page. - Types de lien
- Les différents liens permettent de décrire les relations entre deux documents qui sont reliés entre eux par un élément {{HTMLElement("a")}}, {{HTMLElement("area")}} ou {{HTMLElement("link")}}.
- Formats de média audio et vidéo pris en charge par HTML
- Les éléments {{HTMLElement("audio")}} et {{HTMLElement("video")}} permettent d'ajouter des médias audio et video directement dans le navigateur (sans avoir à utiliser des plugins ou programmes tiers).
- Utiliser le cache d'application
- HTML fournit un mécanisme de cache d'application qui permet aux applications web de fonctionner hors-ligne. Les développeurs peuvent utiliser l'interface d'Application Cache (AppCache) pour spécifier les ressources que le navigateur devrait intégrer au cache, et de fait, les rendre accessible aux utilisateurs. Les applications dont les données sont dans le cache peuvent ainsi être utilisées hors-ligne.
Guides et tutoriaux
- Guide de développement HTML
- Des articles MDN qui illustrent certaines techniques à utiliser pour créer du contenu web avec HTML, ainsi que des tutoriaux et d'autres contenus pertinents pour développer en HTML. Ce guide propose des cours et astuces sur le développement HTML.
{{CommunityBox("Mise en page Web", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/html|Sujets HTML|Stack Overflow est un site de questions-réponses géré de façon collaborative. Vous pouvez chercher parmi les réponses existantes ou poser votre question.")}}