Le HTML (acronyme de HyperText Mark-up Language) est un langage informatique composé d'une suite de signes ASCII, dans laquelle sont inclues des commandes spéciales concernant le formatage des pages, la police de caractères et le multimédia. Inventé en 1989 par l'informaticien Tim Berners-Lee, il est basé sur le SGML (Standard Generalized Markup Language) qui est un langage construit à partir de balises standardisées, destiné à assurer l'interopérabilité des documents web. Il s'agit alors de la première version de HTML, appelée HTML 1.0. Un des principaux avantages du HTML est notamment son universalité : il peut être consulté sur n'importe quel terminal ou navigateur web.
Le HTML permet notamment de :
- publier des informations en ligne sous forme de titres, texte, tables, listes, etc. ;
- amener vers des informations en ligne via des liens hypertextes avec un clic ;
- concevoir des formulaires de saisie (dictionnaires, moteurs de recherche, prises de réservations et de commandes...) ;
- inclure des feuilles de calculs, des vidéos ou des photos et d'autres applications directement dans les documents ;
- mettre en forme le contenu.
Langage HTML : les différentes versions
Le langage HTML est souvent lié au CSS (Cascading Style Sheets : feuilles de style en cascade) qui permet d'enrichir la mise en forme de la page de manière bien plus avancée que le HTML.
Aujourd'hui, nous en sommes à la version 5 (HTML5) qui introduit de nouvelles balises, de nouvelles API et de nouveaux attributs, permettant d'étendre le langage HTML au-delà de ses fonctions de base. Elle nécessite notamment un « DOCTYPE » qui permet d'indiquer au navigateur la méthode de rendu à appliquer pour afficher la page. Revers de la médaille, le HTML5 rend beaucoup plus complexe l'intervention dans le code d’une page, car il fait souvent appel à d'autres fichiers.
Langage HTML : les principales balises
- <title>titre</title> : balises ouvrantes et fermantes de titre
- <h1>titre 1</h1> : balises ouvrantes et fermantes de titre de niveau 1
- <a href="/cible.html">hyperlien</a> : balise permettant d'introduire une lien hypertexte
- <IMG src="bateau.jpg" alt="Un bateau"> : balise permettant d'afficher une image et son nom
- <strong>Texte</strong> : mettre un texte en gras
- <em>Texte</em> : mettre un texte en italique