Aller au contenu

Une balise HTML

Le HTML

HTML (HyperText Markup Language) est le langage standard utilisé pour créer des pages web. Il structure le contenu d'une page en définissant différents éléments tels que les titres, les paragraphes, les images, les liens, et bien plus encore. Contrairement à un langage de programmation qui exécute des actions, HTML se concentre sur l'organisation des informations.

HTML = contenu de la page 🤓

Balises

Le HTML fonctionne en utilisant des balises pour indiquer la nature de chaque élément de la page.

Qu'est-ce qu'une balise ?

Une balise indique au navigateur web quoi afficher à l'écran.

Les balises sont entourées de chevrons (< >) et vont souvent par paires : une balise d'ouverture (<p>) et une balise de fermeture correspondante (</p>). Entre ces balises se trouve le contenu réel que l'on veut afficher.

Exemple d'un paragraphe en HTML :

<p> 
    Le HTML est un langage simple et fondamental pour créer des pages web en structurant le texte, les images et autres médias avec des balises, facilitant ainsi la lecture et l'affichage par les navigateurs web.
</p>

L'écriture d'une balise

Une balise peut contenir :

  • balise d'ouverture : début d'un élément à afficher sur la page web
  • balise de fermeture : fin d'un élément à afficher sur la page web
  • contenu à afficher : ce qui doit être affiché
  • balises enfants : éléments à afficher à l'intérieur d'un autre (exemple : une image dans un paragraphe)
  • attributs : des détails supplémentaires sur la balise à afficher
  • valeurs d'attributs : valeurs des détails supplémentaires

L'écriture se ferait donc comme suit :

<balise attribut="valeur d'attribut">
    Contenu à afficher incluant une 
    <baliseEnfant> contenu de la balise enfant </fin de l'enfant>
</fin de balise>

Exemple :

<p>
    Ceci est un paragraphe qui contient un lien cliaquable vers le site web de <a href="https://store.steampowered.com/">Steam</a>. Ici seulement le mot "Steam" est cliquable car la balise d'ouverture se trouve avant le mot et la balise de fermeture se trouve après le mot.
</p>