Html : Les balises

Et c'est quoi des balises au juste ?
Tout commence par un simple fichier texte avec des caractères. Ceci "^" ou ceci "-" est un caractère. La balise est donc un système de caractères. Elle introduit un élément de texte (un nom) et encadrée par le caractère inférieur (<) et le caractère supérieur (>).
Exemple :

Code:

<b>

On peut tout à fait écrire nos balises en minuscules ou en majuscules, ça veut dire la même chose !

Les balises fonctionnent par paire afin d'agir sur les éléments qu'elles encadrent. La première est appelée « balise d'ouverture » (ou balise ouvrante) et la seconde « balise de fermeture » (ou fermante). Ainsi nous avons :

Code:

<b>Votre texte </b>

Chaque couple de balises agit différemment selon le nom qu'elle encadre, ainsi, le code ci-dessus affichera notre texte en gras. Si on le remplace par un autre nom, cela donnera autre chose.

Mais les balises peuvent également être uniques : la balise

Code:

<br>

représente par exemple un retour à la ligne.


Imbrication des balises
Les balises HTML ont la particularité de pouvoir être imbriquées de manière hiérarchique afin de permettre le cumul des caractéristiques. Il faut cependant respecter l'imbrication, en effet, le chevauchement de balises n'est pas toléré et notre page web peut en être défformée. Voici un exemple de texte avec des balises imbriquées :

Code:

<i><u>Comment ça Marche</u>, encyclopédie informatique libre</i>

Contre-exemple avec chevauchement:

Code:

<i><b>Comment ça Marche</i>, encyclopédie informatique libre</b>

Les attributs
Un attribut est un élément, présent au sein de la balise ouvrante, permettant de définir des propriétés supplémentaires. Les attributs rajoute une valeur à la balise.
Par exemple :

Code:

<p></p>      balise définissant un paragraphe
<p align="right">Exemple de paragraphe</p>      spécifie que le texte doit être aligné sur la droite :

Chaque balise peut comporter un ou plusieurs attributs, chacun pouvant avoir une ou plusieurs valeurs.


Espaces, saut de ligne et tabulations
Le langage HTML ne tient pas compte des espaces, des tabulations et des sauts de ligne manuels. Il faut donc adapter son code pour permettre la visibilitité des opérations, ainsi :

Code:

<br>  saut de ligne
<p>  paragraphe

A noter: il existe une exception pour le code

Code:

<PRE>

, dont l'objectif est justement de conserver le formatage du texte (espaces, sauts de lignes, etc.) !


Les commentaires
Le fichier html est complexe et parfois, il est dur de s'y repérer. Heureusement, on a un outil génial qui s'appelle les commentaires.Ce sont des balises spécifique qui servent uniquement à l'information de la page html. Elles peuvent s'appliquer partout, elles ne seront pas prises en compte dans notre page web. Elle prend la forme suivante :

Code:

<!-- Voici un commentaire -->