HTML : Définition, histoire, exemples et bases du langage
HTML est un acronyme pour HyperText Markup Language. C’est le langage de balisage standard utilisé pour créer des pages Web. HTML permet aux développeurs de structurer le contenu d’une page Web en utilisant une variété d’éléments tels que les titres, les paragraphes, les listes et les images.
Dans cet article, nous allons explorer l’histoire de HTML ainsi que ses bases et exemples.
L’Histoire de HTML
Le développement initial de HTML a commencé en 1989 par Tim Berners-Lee au CERN (Organisation européenne pour la recherche nucléaire) à Genève. À cette époque, il cherchait un moyen efficace de partager des informations entre scientifiques dans différents pays.
Berners-Lee a créé le premier navigateur Web appelé WorldWideWeb qui était capable d’afficher des pages Web simples contenant du texte brut avec quelques liens hypertexte. Il a également développé le premier serveur HTTP (Hypertext Transfer Protocol) qui permettait aux ordinateurs connectés à Internet d’accéder aux pages Web via un réseau mondial.
En 1991, Berners-Lee a publié la première version officielle du langage HTML sous forme de spécification technique appelée “HTML Tags”. Cette spécification définissait comment utiliser des balises pour marquer différentes parties du contenu sur une page Web afin qu’il puisse être affiché correctement dans un navigateur.
Au fil des ans, plusieurs versions ont été publiées avec diverses améliorations et fonctionnalités ajoutées telles que l’introduction des tableaux en 1995 ou encore l’utilisation plus avancée des formulaires en 1996.
Aujourd’hui, HTML est la pierre angulaire de la création de pages Web et continue d’évoluer avec l’introduction régulière de nouvelles fonctionnalités telles que les balises vidéo ou encore les éléments sémantiques pour améliorer l’accessibilité des sites Web.
Les Bases du Langage HTML
HTML utilise une syntaxe simple basée sur des balises qui sont utilisées pour marquer différentes parties du contenu sur une page Web. Les balises sont généralement écrites entre chevrons “<" et ">” et peuvent être accompagnées d’attributs qui fournissent des informations supplémentaires sur le contenu qu’ils décrivent.
Voici quelques-unes des balises HTML les plus couramment utilisées :
1. La Balise
La première ligne d’un document HTML doit contenir la balise qui indique au navigateur que le document est écrit en langage HTML. Cette balise englobe tout le code HTML présent dans un fichier.
2. La Balise
La section head contient toutes les informations relatives à la page tels que son titre, sa description ainsi que tous les fichiers externes nécessaires comme les feuilles de style CSS ou encore les scripts JavaScripts.
3. La Balise
Le corps (body) représente tout ce qui sera affiché dans le navigateur lorsque vous accéderez à votre site web : textes, images, vidéos etc…
4. Les Titres
Les titres permettent aux développeurs de structurer leur contenu en hiérarchie afin d’améliorer l’expérience utilisateur lorsqu’il navigue sur un site web. Il existe six niveaux différents allant du titre principal (
) jusqu’à celui ayant moins d’importance ().
5. Les Paragraphes
Les paragraphes sont utilisés pour structurer le contenu en blocs de texte séparés. Ils sont créés à l’aide de la balise
.
6. Les Listes
Il existe deux types de listes : les listes ordonnées (
- ) et les listes non-ordonnées (
- ). Les premières permettent d’afficher une liste numérotée tandis que les secondes affichent une liste avec des puces.
7. Les Images
Les images peuvent être ajoutées à une page Web en utilisant la balise . Cette balise nécessite un attribut src qui indique l’emplacement du fichier image sur le serveur.
8. Les Liens Hypertexte
Les liens hypertexte permettent aux développeurs de créer des hyperliens vers d’autres pages Web ou encore vers des fichiers téléchargeables tels que des documents PDF ou Word.
Exemples HTML
Voici quelques exemples simples pour vous aider à comprendre comment fonctionne HTML :
1. Créer un titre principal :
Ceci est mon titre principal
2. Ajouter un paragraphe :
Ceci est mon premier paragraphe.
3. Insérer une image :
4.Créer un lien hypertexte:
Conclusion
HTML est le langage standard utilisé pour créer des pages Web depuis plus de 30 ans maintenant, il a évolué au fil du temps afin d’offrir toujours plus de fonctionnalités et améliorer l’expérience utilisateur lorsqu’il navigue sur Internet.
En comprenant les bases de HTML, vous pouvez créer des pages Web simples et efficaces. Cependant, pour des sites plus complexes ou avec une expérience utilisateur plus avancée, il est recommandé d’utiliser un framework tel que Bootstrap ou encore ReactJS qui permettent de gagner du temps en utilisant des composants pré-construits.
En somme, HTML reste la base incontournable pour tout développeur souhaitant se lancer dans la création de sites web.
