HTML
Développé pour la première fois par Tim Berners-Lee en 1990, HTML, ou HyperText Markup Language (Langage de balisage pour les hypertextes), est le langage utilisé pour créer des documents électroniques, appelés pages web, affichés sur le World Wide Web. Chaque page contient plusieurs liens vers d’autres pages, appelés hyperliens. Chaque page web que vous voyez est rédigée en utilisant une version d’HTML.
Le code HTML assure le formatage correct du texte et des images pour votre navigateur Internet. Sans HTML, un navigateur ne saurait pas comment afficher le texte en tant qu’éléments ni charger des images ou d’autres éléments. HTML fournit également une structure de base pour la page, sur laquelle les feuilles de style en cascade (CSS) sont superposées pour modifier son apparence. On pourrait comparer HTML aux os (structure) d’une page web, et CSS à sa peau (apparence).
Sommaire
À quoi ressemble une balise HTML ?
Comme illustré dans l’exemple de balise HTML ci-dessus, les composants sont relativement simples. La plupart des balises HTML ont une balise d’ouverture contenant le nom de la balise, les attributs de la balise, une balise de fermeture contenant une barre oblique et le nom de la balise fermé. Pour les balises qui n’ont pas de balise de fermeture, comme <img>, il est recommandé de terminer la balise par une barre oblique.
La plupart des balises sont entourées de crochets angulaires < et >, et tout ce qui se trouve entre la balise d’ouverture et de fermeture est affiché ou affecté par la balise. Par exemple, la balise <a> crée un lien appelé « Computer Hope » pointant vers le fichier hope.html.
À quoi ressemble HTML ?
Voici un exemple de page web de base écrite en HTML avec une description de chaque section et sa fonction :
<html>
<head>
<title>Page d'exemple</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>
<h1>Ceci est un titre</h1>
<p>Ceci est un <b>exemple</b> de page HTML de base.</p>
</body>
</html>
Les éléments clés de cette page sont les suivants :
- La ligne DOCTYPE décrit la version d’HTML utilisée pour que le navigateur puisse interpréter le texte qui suit.
- La balise
<html>indique au navigateur qu’il lit du code HTML. - La section
<head>contient des informations sur la page, telles que le titre, les balises meta, et l’emplacement du fichier CSS. - La section
<body>contient tout ce qui est visible dans le navigateur. Par exemple, tout le texte affiché ici est contenu dans les balises<body>. - La balise
<h1>est le titre visible de la page. - La balise
<p>est un paragraphe de texte. La plupart des pages web (comme celle-ci) ont plusieurs balises de paragraphe. - À l’intérieur du paragraphe, la balise
<b>met en gras le mot « exemple ». - Enfin, les balises de fermeture enveloppent chacune des balises ci-dessus.
Pour une liste complète des balises HTML, consultez notre aide sur HTML et la conception web.
Qu’est-ce que HTML5 ?
HTML5 est la mise à jour d’HTML à partir d’HTML4 (XHTML suit un schéma de numérotation différent). Il utilise les mêmes règles de base qu’HTML4, mais ajoute de nouvelles balises et attributs permettant une meilleure sémantique et des éléments dynamiques activés par JavaScript. Les nouveaux éléments incluent : <article>, <aside>, <audio>, <bdi>, <canvas>, <datalist>, <details>, <embed>, <figure>, <figcaption>, <footer>, <header>, <keygen>, <mark>, <meter>, <nav>, <output>, <progress>, <rp>, <rt>, <ruby>, <time>, <track>, <video>, et <wbr>. De nouveaux types d’entrée pour les formulaires sont également disponibles : tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, et color.
Avec le mouvement croissant vers la séparation de la structure et du style, certains éléments de style ont été supprimés. De plus, les balises posant des problèmes d’accessibilité ou peu utilisées ont également été retirées. Les éléments suivants ne doivent plus être utilisés dans le code HTML : <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <strike>, et <tt>. HTML5 simplifie également la déclaration doctype avec la balise suivante :
<html>
<head>
<meta charset="utf-8">
<title>Page d'exemple</title>
</head>
<body>
<h1>Ceci est un titre</h1>
<p>Ceci est un exemple de page HTML de base.</p>
</body>
</html>
Comment créer et visualiser du HTML
Étant un langage de balisage, HTML peut être créé et visualisé dans n’importe quel éditeur de texte s’il est enregistré avec une extension .htm ou .html. Cependant, la plupart des gens trouvent plus facile de concevoir et de créer des pages web en HTML à l’aide d’un éditeur HTML.
Une fois le fichier HTML créé, il peut être visualisé localement ou téléchargé sur un serveur web pour être consulté en ligne via un navigateur.
Quelles extensions de fichier sont utilisées avec HTML ?
Les fichiers HTML utilisent soit l’extension .htm, soit .html. Les anciennes versions de Windows (Windows 3.x) n’autorisaient que des extensions de trois lettres, d’où l’utilisation de .htm au lieu de .html. Cependant, les deux extensions ont la même signification et peuvent être utilisées aujourd’hui. Nous recommandons cependant de choisir une convention de nommage, car certains serveurs web peuvent préférer une extension plutôt qu’une autre.
Remarque : Les pages web créées à l’aide d’un langage de script comme Perl, PHP (PHP: Hypertext Preprocessor), ou Python ont une extension différente, même si elles affichent uniquement du HTML dans le code source.
HTML est-il sensible à la casse ?
Les balises HTML et la plupart des attributs ne sont pas sensibles à la casse. Cependant, certains attributs et parties de HTML sont sensibles à la casse. Par exemple, lors de la saisie d’un nom de fichier, si le système d’exploitation (par exemple, Linux) est sensible à la casse, les répertoires et les noms de fichiers doivent être tapés en respectant la casse correcte. D’autres sections de HTML sensibles à la casse sont les entités HTML. Par exemple, « á » crée un « a » minuscule avec un accent aigu et « Á » crée une version majuscule.
Conseil : Nous recommandons d’utiliser exclusivement des lettres minuscules en HTML, sauf si un nom de fichier ou un répertoire dans un chemin est en majuscules.
HTML est-il un langage de programmation ?
Non, HTML n’est pas un langage de programmation ; c’est un langage de balisage. Consultez notre page sur les langages de balisage pour une comparaison entre un langage de programmation et un langage de balisage.
