Principe du balisage HTML

DéfinitionBalise

Les balises sont les composants fondamentaux permettant l'écriture de documents HTML.

Elles se distinguent du contenu en utilisant les caractères <, > et /.

Un balise HTML encadre en général d'autres balises ou du texte, un document HTML est donc formé d'une imbrication de balises et de chaînes de caractères.

Syntaxe

  • balise d'ouverture : <nom_balise>

  • balise de fermeture : </nom_balise>

Exemple

1
<p>12, rue de Paris</p>

AttentionBalises vides

Certains balises sont des balises vides, elle ne contiennent ni texte ni balises.

Elle sont représentée par une balise ouvrante qui n'est jamais fermée.

Exemple

La balise <hr> permet de dessiner une ligne horizontale sur la page.

1
<!DOCTYPE html>
2
<html lang="en-US">
3
  <body>
4
    <p>The <i>spirit</i> is strong but the flesh is <u>weak</u></p>
5
    <hr>
6
    <p>The <b>vodka</b> is strong but the meat is <strong>rotten</strong></p>
7
  </body>
8
</html>

ExempleExemples de balises communément utilisées

  • Titres (du plus au moins important) : <h1> <h2> <h3> <h4> <h5> <h6>

  • Blocs : <div> <section> <article> <form> <footer> <header> <menu>

  • Éléments linéaires : <span> <p>

  • Champs : <input /> <textarea /> <button> <select>

  • Emphases : <em> <b> <i>

  • Listes : <ul> <ol> <li>

  • Images : <img src=""/>

  • Liens : <a href="">

  • Commentaires (non-visibles dans le rendu finale) : <!-- Ceci est un commentaire -->