Académique Documents
Professionnel Documents
Culture Documents
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>, <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.
Ressources clés
Introduction au 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.
Nous avons élaboré un cours qui comprend toutes les informations essentielles dont vous avez
besoin pour atteindre votre objectif.
Commencer
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 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 »).
Sujets avancés
Images avec le contrôle d'accès HTTP
La valeur preload de l'attribut <link> de l'élément rel vous permet d'écrire des
requêtes déclaratives de récupération dans votre <head> HTML, en spécifiant les
ressources dont vos pages auront besoin très rapidement après le chargement, et que
vous souhaitez donc commencer à précharger au début du cycle de vie d'une page,
avant que le cycle de rendu du navigateur ne se mette en marche. Cela permet de
s'assurer que ces éléments sont disponibles plus tôt et qu'ils risquent moins de bloquer
le premier rendu de la page, améliorant ainsi les performances. Cet article fournit un
guide de base sur le fonctionnement du preload.
Références
Référence HTML
Attributs universels
Les attributs universels peuvent être spécifiés sur tous les éléments HTML, même ceux
qui ne sont pas spécifiés dans la norme. 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.
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).
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>.
Les éléments <audio> et <video> permettent d'ajouter des médias audio et vidéo
directement dans le navigateur (sans avoir à utiliser des plugins ou programmes tiers).
HTML s'organise selon différents types de contenu dont chacun peut être autorisé ou
non en fonction du contexte. Ces catégories indiquent quels éléments peuvent être
contenus ou non dans d'autres éléments. Cet article explique le fonctionnement de ces
catégories.
Sujets connexes
Appliquer des couleurs sur des éléments HTML grâce à CSS
Cet article couvre la plupart des façons d'utiliser CSS pour ajouter de la couleur au
contenu HTML, en indiquant les parties des documents HTML qui peuvent être
colorées et les propriétés CSS à utiliser pour ce faire. Il comprend des exemples, des
liens vers des outils de création de palettes, etc.