HTML de zéro
Mis à jour le June 30, 2022, 12:41 p.m.
Salut salut mes cryptocurieux,
Aujourd'hui on va s'amuser avec HTML!!! Vous avez peut être entendu dire que HTML n'est pas un vrai langage. En fait c'est un langage de balisage.
Un exemple valant mille mots parce que le blabla c'est bien gentil mais on est pas là pour ça:
<p>Ceci est une balise HMTL, plus précisement une balise de paragraphe</p>On peut avoir aussi:
<h1>Je suis un titre</h1>
Vous avez remarqué que toutes les pages HTML comportent une série d'éléments HTML, composés de balises. Les éléments HTML sont les éléments constitutifs d'une page Web. Une balise indique au navigateur Web où commence et finit un élément. Dans notre exemple, la balise c'est <p> et <h1>.
Les trois parties principales d'un élément sont les suivantes:
- Balise d'ouverture: <p> pour commencer un paragraphe
- Contenu: il s'agit de ce que les utilisateurs du site vont voir, c'est ce qu'il y a écrit entre les deux balises.
- Balise de fermeture: </p> pour terminer un paragraphe.
Super simple :)
Maintenant que l'on sait ça je voudrais que vous ouvriez votre editeur si possible sublimetext, vscode etc. Si vous n'avez que notepad ++ ce n'est pas grave pour le moment mais je vous recommande celui-ci.
Maintenant que vous l'avez installé, ouvrez un fichier que vous nommerez apprendre.html et insérez le code suivant:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ceci est mon premier html</title>
</head>
<body>
<h1> Bonjour le monde! </h1>
</body>
</html>Puis double-cliquer directement. Votre navigateur va s'ouvrir et vous devriez avoir:
On voit que le contenu de la balise <title> apparait sur l'onglet.
On voit que bonjour tout le monde apparait au format h1 qui est le plus gros format