HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
Learn web development
Get to know MDN better
Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
View in English Always switch to English
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 des textes contenant des 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 par web 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.
Nos modules de base pour apprendre le développement web proposent des tutoriels modernes et à jour couvrant les fondamentaux de HTML.
Cet article propose une brève introduction à ce qu'est HTML et à son utilisation, destiné aux personnes totalement débutantes en développement web.
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.
Les guides 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.
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.
L'attribut crossorigin, combiné à un en-tête CORS 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.
Certains éléments HTML qui prennent en charge CORS, comme <img> ou <video>, possèdent un attribut crossorigin (propriété crossOrigin), qui permet de configurer les requêtes CORS pour les données récupérées par l'élément.
La valeur preload de l'attribut rel de 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 de preload.
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.
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 des liens.
Parcourez la liste de tous les éléments HTML.
Les éléments HTML possèdent des attributs. Ce sont des valeurs supplémentaires qui configurent les éléments ou modifient leur comportement de différentes manières.
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.
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 ».
Les commentaires HTML servent à ajouter des notes explicatives dans le balisage ou à empêcher le navigateur d'interpréter certaines parties du document.
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.
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.
Informations historiques sur le mode « Quirks » et le mode standard.
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.
Cette page a été modifiée le 14 oct.