Comment Ca Marche - Communauté informatique  
   
Accueil - Encyclopédie informatiqueTélécharger l'encyclopédieContribuer à cet article

HTML - Les balises

les balises HTML Encyclopédie


HTML, un langage à balises

Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple.

Une page HTML est ainsi un simple fichier texte contenant des balises (parfois appelées marqueurs ou repères ou tags en anglais) permettant de mettre en forme le texte, les images, etc.

Comment utiliser les balises HTML ?

Une balise est un élément de texte (un nom) encadrée par le caractère inférieur (<) et le caractère supérieur (>). par exemple « <H1> ».

Les balises HTML ne sont pas sensibles à la casse, c'est-à-dire qu'elles peuvent être saisies indifféremment en minuscules ou en majuscules !

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

<marqueur> Votre texte formatté  </marqueur>

A titre d'exemple, les balises <b> et </b> permettent de mettre en gras le texte qu'elles encadrent :

<b> Ce texte est en gras </b>

Les balises HTML peuvent parfois être uniques : la balise <br> représente par exemple un retour à la ligne.

Afin d'être le plus proche possible du standard XHTML (beaucoup plus stricte que le standard HTML), il est conseillé d'utiliser la notation suivante : <br />.

Imbrication des balises

Les balises HTML ont la particularité de pouvoir être imbriquées de manière hiérarchique afin de permettre le cumul de leur propriétés. En contrepartie le chevauchement de balises n'est pas toléré par le standard HTML. Voici un exemple de texte formatté avec des balises imbriquées :

<i><u>Comment ça Marche</u>, encyclopédie informatique libre</i>
L'exemple ci-dessus donne le résultat suivant :
Comment ça Marche, encyclopédie informatique libre
En contrepartie l'exemple ci-dessous n'est pas correct :
<i><b>Comment ça Marche</i>, encyclopédie informatique libre</b>

Notion d'attribut

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 se présentent la plupart du temps comme une paire clé=valeur, mais certains attributs ne sont parfois définis que par la clé.

Voici un exemple d'attribut pour la balise <p> (balise définissant un paragraphe), permettant de spécifier que le texte doit être aligné sur la droite :

<p align="right">Exemple de paragraphe</p>

Chaque balise peut comporter un ou plusieurs attributs, chacun pouvant avoir (aucune,) 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 (ci-après appelés ou plus exactement il considère une suite d'un ou plusieurs espaces/tabulations/saut de ligne comme un seul espace. Cela permet notamment d'indenter le code HTML pour plus de lisibilité, sans modifier l'apparence de la page HTML dans le navigateur Il existe une exception pour le code contenu dans des balises

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

A noter: il existe une exception pour le code contenu dans des balises <PRE>, dont l'objectif est justement de conserver le formatage du texte (espaces, sauts de lignes, etc.) !

Les deux codes HTML suivants donnent ainsi le même résultat :

Exemple	  de
code
							HTML
Exemple de code HTML

Le langage HTML possède par contre des éléments permettant expressément de définir chacun de ces éléments de mise en forme :

  • Espace insécable : il s'agit d'un espace ne pouvant être brisé par une fin de ligne. Sa représentation en HTML est &nbsp;.
  • Saut de ligne manuel : il s'agit d'un saut de ligne explicite. Sa représentation en HTML est <br> (<br /> pour être conforme au XHTML).

A noter: La balise <NOBR> </NOBR> permet à l'inverse d'empêcher le retour automatique à la ligne réalisé par le navigateur !

Commentaires

Il est possible d'ajouter des éléments d'information dans une page web sans que ceux-ci soient affichés à l'écran grâce à un jeu de balises spécifique, appelé balises de commentaires.

<!-- Voici un commentaire -->

Les balises de commentaires permettent de mettre en commentaire du texte mais peuvent également servir à commenter du code HTML.

A noter: il existe une exception pour le code contenu dans des balises <PRE>, dont l'objectif est justement de conserver le formatage du texte (espaces, sauts de lignes, etc.) !

Trucs & astuces pertinents trouvés dans la base de connaissances

23/01 15h45 Comment aspirer un site Web ? (Web)
22/11 13h03 On peut protéger une page web/une image contre la copie (Mythes et légendes)
24/09 01h59 -Un document de référence (HTML)
11/04 15h03 Convertir une page en PDF - Méthode simple (Webmaster)
27/01 09h18 Récupérer un site web en .chm (Windows Help) (Téléchargement)
HTML balise Plus d'astuces sur « HTML balise »

Discussions pertinentes trouvées dans le forum

04/02 19h08 recherche balise frise html recherche [balise] pour frise HTML Développement 14/02 21h00->Laurent38
08/03 08h27 formulaire html balise name Formulaire HTML et balise name Webmastering 07/01 15h23->mymy936
24/01 18h40 balise texte html mettre balise en texte dans html Webmastering 25/01 13h14->GallyNet3
10/09 10h18 html balise [HTML] balise <A> Webmastering 12/06 12h19->Bibiboy15
13/02 10h55 asp balise html asp : balise html Webmastering 13/02 22h03->Kopernicus8
25/11 08h44 html balise bloc HTML : balise pour bloc ??? Webmastering 25/11 14h01->bacchuss6
03/10 14h19 balise html Urgent balise HTML Webmastering 04/10 11h57->orianis5
27/04 13h41 html utilité balise [HTML] utilité d'une balise Webmastering 28/04 12h15->Mr.White5
31/12 19h54 balise input html Les balise <input en HTML Internet 15/05 20h53->fragor5
31/07 21h21 balise html netscape balise HTML sous Netscape Webmastering 01/08 10h39->Katarina4
Discussion fermée Problème résolu HTML balise Plus de discussions sur « HTML balise »

Ce document intitulé « HTML - Les balises » issu de l'encyclopédie informatique Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.