Principe du balisage HTML
Définition : Balise
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 :
<p>12, rue de Paris</p>
Attention : Balises 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.
<html lang="en-US">
<body>
<p>The <i>spirit</i> is strong but the flesh is <u>weak</u></p>
<hr>
<p>The <b>vodka</b> is strong but the meat is <strong>rotten</strong></p>
</body>
</html>
Exemple : Exemples 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 -->