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 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.
Tutoriels pour les débutants
- 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
-
Le module HTML de notre section Apprendre le développement web enseigne toutes les bases de HTML depuis le début.
Guides
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.
- 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ê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. - Attributs de configuration CORS
-
Certains éléments HTML qui prennent en charge CORS, 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 des liens.
- Référence des éléments HTML
- Référence des attributs 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.
- 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.