Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
HTML : HyperText Markup Language
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 et sa structure. D'autres technologies sont utilisées avec HTML pour décrire la présentation d'une page (CSS) et/ou ses fonctionnalités interactives (JavaScript).
L'« hypertexte » désigne les liens qui relient les pages web entre elles, que ce soit au sein d'un même site web ou entre différents sites web. Les liens sont un aspect fondamental du Web. Ce sont eux qui forment cette « toile » (ce mot est traduit parweb en anglais). En téléchargeant du contenu sur l'Internet et en le reliant à des pages créées par d'autres personnes, vous devenez un participant actif du World Wide Web.
Le langage HTML utilise des « balises » pour annoter du texte, des images et d'autres contenus afin de les afficher dans un navigateur web. Le balisage HTML comprend des « éléments » spéciaux tels que<head>,<title>,<body>,<header>,<footer>,<article>,<section>,<p>,<div>,<span>,<img>,<aside>,<audio>,<canvas>,<datalist>,<details>,<embed>,<nav>,<search>,<output>,<progress>,<video>,<ul>,<ol>,<li> et bien d'autres.
En HTML, les balises sont insensibles à la casse et peuvent aussi bien être écrites en minuscules, en majuscules voire avec un mélange des deux. Autrement dit, la balise<title> pourrait très bien être écrite comme<Title>,<TiTle> ou d'une autre façon.
Les articles suivants fournissent des éléments de référence utiles au développement web.
Tutoriels pour les débutant·e·s
Nosmodules de base pour apprendre le développement web proposent des tutoriels modernes et à jour couvrant les fondamentaux de HTML.
- Votre premier site web : création du contenu
Cet article propose une brève introduction à ce qu'est HTML et à son utilisation, destiné aux personnes totalement débutantes en développement web.
- Structurer le contenu avec HTML
Ce module aborde les bases du langage HTML, puis les domaines clés comme la structure des documents, les liens, les listes, les images, les formulaires et plus encore.
Guides
Lesguides HTML vous aident à construire avec HTML sur le Web, couvrant des sujets comme les formulaires, CORS, le préchargement de contenu et les images réactives.
- Formulaires HTML
Les formulaires sont une partie très importante du Web : ils fournissent une grande partie des fonctionnalités nécessaires pour interagir avec les sites web (inscription, connexion, envoi de commentaires, achat de produits, etc.). Ce module vous initie à la création de la partie client/« front-end » des formulaires.
- Image avec CORS activé
L'attribut
crossorigin, combiné à un en-têteCORS approprié, permet de charger des images définies par l'élément<img>depuis des origines externes et de les utiliser dans un élément<canvas>comme si elles étaient chargées depuis l'origine courante.- Attributs de configuration CORS
Certains éléments HTML qui prennent en chargeCORS, comme
<img>ou<video>, possèdent un attributcrossorigin(propriétécrossOrigin), qui permet de configurer les requêtes CORS pour les données récupérées par l'élément.- Précharger du contenu avec rel="preload"
La valeur
preloadde l'attributrelde l'élément<link>permet d'écrire des requêtes de récupération déclaratives dans votre<head>HTML, en spécifiant les ressources dont vos pages auront besoin très rapidement après le chargement. Vous pouvez ainsi commencer à précharger ces ressources tôt dans le cycle de chargement, avant que le moteur principal de rendu du navigateur ne démarre. Cela garantit leur disponibilité plus tôt et réduit le risque de bloquer le premier affichage de la page, ce qui améliore les performances. Cet article propose un guide de base sur le fonctionnement depreload.- Images réactives
Cet article présente le concept d'images réactives : des images qui s'adaptent aux appareils ayant des tailles d'écran, des résolutions et d'autres caractéristiques très variées. Il présente aussi les outils HTML permettant de les mettre en œuvre, afin d'améliorer les performances sur différents appareils.
Référence
- Référence HTML
HTML est composé d'éléments, chacun pouvant être modifié par un certain nombre d'attributs. Les documents HTML sont reliés entre eux par desliens.
- Référence des éléments HTML
- Référence des attributs HTML
Les éléments HTML possèdent desattributs. Ce sont des valeurs supplémentaires qui configurent les éléments ou modifient leur comportement de différentes manières.
- Attributs globaux
Les attributs globaux peuvent être spécifiés sur tous leséléments HTML,même ceux non spécifiés dans la norme. Cela signifie que tout élément non standard doit tout de même accepter ces attributs, même si cela rend le document non conforme à HTML5.
- Éléments de type en-ligne etéléments de type bloc
Les éléments HTML sont généralement « en-ligne » ou « bloc ». Un élément en-ligne occupe uniquement l'espace délimité par ses balises. Un élément de type bloc occupe tout l'espace de son élément parent (contenant), créant ainsi une « boîte de bloc ».
- Commentaires HTML
Les commentaires HTML servent à ajouter des notes explicatives dans le balisage ou à empêcher le navigateur d'interpréter certaines parties du document.
- Guide des types et formats de médias sur le web
Les éléments
<audio>et<video>permettent de lire des médias audio et vidéo nativement dans votre contenu, sans avoir besoin de support logiciel externe.- Catégories de contenu HTML
HTML comprend plusieurs types de contenu, chacun pouvant être utilisé dans certains contextes et interdit dans d'autres. De même, chaque contexte a un ensemble d'autres catégories de contenu qu'il peut contenir et des éléments qui peuvent ou non y être utilisés. Ce guide présente ces catégories.
- Mode « Quirks » et mode standard
Informations historiques sur le mode « Quirks » et le mode standard.
Sujets associés
- Appliquer de la couleur aux éléments HTML avec CSS
Cet article présente la plupart des façons d'utiliser CSS pour ajouter de la couleur au contenu HTML, en listant les parties des documents HTML qui peuvent être colorées et les propriétés CSS à utiliser.