MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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. 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).

HTML fonctionne grâce à des « balises » qui sont insérées 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 d'un document web. Ce contenu est balisé par des éléments HTML comme <head>, <title>, <body>, <header><footer>, <article>, <section>, <p>, <div>, <span>, <img> 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 :

  • Introduction à HTML

    Vous faites vos premiers pas dans le développement web ? Nos articles sur les bases de HTML expliquent ce qu'est HTML et comment l'utiliser.

  • Tutoriels HTML

    Pour plus d'informations sur l'utilisation du HTML, des tutoriels et des exemples complets, vous pouvez consulter notre section Apprendre HTML.

  • Référence HTML

    Dans notre référence exhaustive, vous trouverez le détail de chaque élément et attribut constituant HTML.

Tutoriels

La section Apprendre HTML contient plusieurs modules pour vous apprendre à utiliser HTML sans autre connaissance particulière.

Une introduction à HTML
Dans ce module, on brosse un premier portrait de HTML pour présenter les concepts importants, la syntaxe. On voit comment appliquer HTML sur du texte, comment créer des hyperliens et comment structurer une page web grâce à HTML.
Le multimédia et l'intégration
Dans ce module, on explore comment utiliser HTML pour intégrer des fichiers multimédias dans une page web. Cela couvre les différentes façons d'inclure une image, comment ajouter une vidéo ou un fichier audio voire aussi comment intégrer d'autres pages web.
Les tableaux HTML
Il est parfois compliqué de représenter des données tabulaires de façon compréhensible et lisible sur une page web. Dans ce module, on voit les différentes balises utilisées pour construire des tableaux et certaines fonctionnalités plus complexes comme les légendes et résumés.
Les formulaires HTML
Les formulaires sont cruciaux sur le Web, ils permettent de créer un compte sur un site, de se connecter, d'acheter des produits, d'écrire des commentaires, etc. Dans ce module, on voit comment créer des formulaires pour le navigateur (« côté client »).
Utiliser HTML pour résoudre des problèmes courants
Ce module fournit un ensemble d'articles au sujet des problèmes qu'on rencontre fréquemment lorsqu'on crée une page web : gérer les titres, ajouter des images ou des vidéos, mettre en avant une partie du texte, créer un formulaire, etc.

Références

Référence HTML
HTML est un langage décrivant la structure et le contenu sémantique 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 éléments 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 et éléments de bloc
Les éléments HTML sont habituellement des éléments « en ligne » ou des éléments de bloc. Un élément en ligne occupe seulement l'espace associé aux balises. 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. Ce faisant, ils prennent la largeur de leurs conteneurs (créant ainsi un bloc de contenu).
Attributs universels
Les attributs universels peuvent être utilisés sur tous les éléments HTML, même ceux non spécifiés dans le standard. Par exemple, les navigateurs qui prennent en charge HTML5 masquent les contenus marqués comme <toto hidden>...<toto>, bien que <toto> ne soit pas un élément valide HTML.
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 <a>, <area> ou <link>.
Formats de média audio et vidéo pris en charge par HTML
Les éléments <audio> et <video> permettent d'ajouter des médias audio et video directement dans le navigateur (sans avoir à utiliser des plugins ou programmes tiers).

Autres guides

Attributs de réglage du CORS
Certains des éléments HTML supportant le CORS (Cross-Origin Resource Sharing) comme <img> ou <video> ont un attribut crossorigin qui permet de configurer les requêtes CORS pour les données de l'élément à renvoyer.
Gérer le focus en HTML
L'attribut DOM Document.activeElement et la méthode DOM Document.hasFocus() permettent au programmeur de mieux contrôler l'interactivité d'une page vis à vis des actions de l'utilisateur. Ils peuvent par exemple ê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'élément reçoit le focus, etc. De plus, combinés à 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.
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 accessibles aux utilisateurs. Les applications dont les données sont dans le cache peuvent ainsi être utilisées hors-ligne.
Précharger du contenu grâce à rel="preload"
La valeur preload de l'attribut rel associé à l'élément  <link> permet d'écrire des requêtes de récupération de ressources au sein de l'élément <head> du document HTML pour les ressources qui seront nécessaires à la page peu de temps après le chargement. Les ressources ciblées sont ainsi préchargées lors du chargement de la page avant que le navigateur effectue un premier rendu. Cela permet que les ressources soient disponibles plus tôt et moins susceptibles de bloquer l'affichage de la page, améliorant ainsi les performances. Cet article explique les bases du fonctionnement de preload.

Voir tout…

Rejoignez la communauté Mise en page Web

Choisissez votre méthode préférée pour rejoindre la discussion :

Étiquettes et contributeurs liés au document

Étiquettes : 
 Dernière mise à jour par : SphinxKnight,