Bienvenue à la série de tutoriels HTML 🙂 🙂
Tout le long de cette série vous allez voir pas mal de notion de ce langage et vous allez vous amusez à écrire ses lignes de codes 🙂 🙂
accès rapide
La démo
Définition de HTML
HTML signifie « HyperText Markup Language » qu’on peut traduire par « langage de balises pour l’hypertexte ».
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.
C’est le langage dans lequel la plupart des sites Web sont écrits. Il est utilisé pour créer des pages et les rendre fonctionnelles.
Il a été inventé par Tim Berners-Lee dans les années 1990 et n’a jamais cessé d’évoluer.
A quoi sert HTML ?
HTML sert à décrire au navigateur ce qu’il doit afficher aux internautes. Par exemple, si nous utilisons la balise <h1> cela veux dire qu’on a dit au navigateur que cet élément est un titre.
De plus , ce langage sert aussi à indiquer au navigateur comment afficher un élément.
Vous pouvez aussi insérer des éléments interactifs comme des liens, des images ou des vidéos, et des scripts de différents langages tel que (JavaScript,PHP…).
Qu’est ce qu’une balise HTML ?
Pour écrire en langage HTML, nous utilisons un système de balisage (les balises).
Les balises sont les éléments de base pour écrire un code en HTML. Elles fonctionnent en paire : c’est à dire une balise une pour ouvrir l’élément et une autre pour le fermer.
Le système de balises permet de titrer, sous-titrer, mettre en gras, etc., un texte. De plus, il permet d’introduire des éléments interactifs comme des liens, des images, des vidéos etc…
Les balises à utiliser sont prédéfinies et il existe différentes règles à respecter. Les balises se construisent toujours comme suit:
- Le caractère < pour ouvrir une balise.
- Le nom de l’élément contenu dans la balise.
- Un attribut, si nécessaire, pour qualifier cet élément.
- Le caractère > pour fermer la balise.
La majorité des balises s’ouvrent et se ferment. Par exemple, si nous avons ouvert une balise <title> il faut la fermer comma ça : </title>.
Prenons un simple exemple :
Si nous voulons afficher donner un titre à notre page web , nous pouvons utiliser la balise <title>
<title>Le titre de ma page</title>
Dans ce tuto , nous avons défini HTML , à quoi sert ce langage et finalement nous avons vu à quoi semble une balise.
Espérons bien que ce tuto vous a plu. Rattachez vos ceinture pour commencer à coder avec ce langage à partir des tutos suivants 🙂 🙂
Quiz de ce tuto
Vous pouvez tester que vous avez bien assimiler tous ce que nous avons appris ensemble via ce quiz 🙂 🙂 amusez vous bien.