📌 Qu'est-ce que HTML ?

HTML signifie HyperText Markup Language. C’est le langage utilisé pour créer des pages web. Il permet de structurer le contenu et de donner une signification aux éléments présents sur une page.

✅ HTML sert à organiser le contenu avec des titres, paragraphes, images, liens, tableaux, listes et bien plus.

🧱 Structure de base HTML

<!DOCTYPE html>
<html>
   <head>
      <title>Ma page</title>
   </head>
   <body>
      Contenu ici
   </body>
</html>

Explication détaillée :

<!DOCTYPE html> : Déclare le document comme étant HTML5.
<html> : Racine de la page, englobe tout le contenu.
<head> : Contient les informations invisibles de la page (métadonnées, titre, CSS, scripts).
<title> : Titre affiché dans l'onglet du navigateur.
<body> : Contenu visible de la page (texte, images, boutons, tableaux, liens...).

🏷️ Balises HTML importantes

<h1> à <h6> : Titres, allant du plus important (<h1>) au moins important (<h6>).

<p> : Paragraphe, utilisé pour écrire du texte normal.

<img> : Insère une image sur la page, nécessite l'attribut src pour le chemin et alt pour le texte alternatif.

<a> : Lien cliquable, utilise href pour indiquer la destination.

<div> : Bloc générique utilisé pour regrouper des éléments et appliquer du style ou des scripts.
Exemple : mise en page, sections, conteneurs.

<br> : Retour à la ligne, utile pour sauter une ligne sans créer de paragraphe.

<ul> : Liste non ordonnée (puces).
<ol> : Liste ordonnée (numérotation).
<li> : Élément de liste.

✅ Exemple complet

<h1>Bonjour</h1>
<p>Bienvenue sur ma première page HTML 👇</p>
<a href="https://google.com">Visiter Google</a>

Résultat :

Bonjour

Bienvenue sur ma première page HTML 👇

Visiter Google

📊 Tableaux en HTML

<table border="1">
   <tr>
      <th>Nom</th>
      <th>Âge</th>
   </tr>
   <tr>
      <td>Anna</td>
      <td>20</td>
   </tr>
</table>

Explication :

<table> : Crée un tableau.
<tr> : Définit une ligne dans le tableau.
<th> : Cellule d'en-tête (texte en gras et centré par défaut).
<td> : Cellule de données.
border="1" : Ajoute une bordure autour du tableau (simple exemple).
Les tableaux servent à organiser les données de façon claire et structurée.

Résultat :

Nom	Âge
Anna	20