Balises simples ou doubles,attributs et commentaires

Balises simple vs balises doubles?

Le langage HTML ou XHTML comporte de nombreuse balises allant soit de paire ou seul.
Par exemple pour mettre un texte en paragraphe, on utilise la balise <p> qui ouvre le début du paragraphe et la balise </p> qui ferme le paragraphe. Autre balise qui s'utilise seul est entre autre la balise <br/> qui permet d'effectuer un saut de ligne. Cette balise étant seul, on utilise un slash (/ barre oblique) pour la fermer.
En résumé, les balises ne fonctionnant pas par paire se termine par un slash (/>).

Exemple:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/
xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
    <head>
       <title>Ma première page</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>
<p>Cette ligne est mise en paragraphe.</p>
<br/>
<strong>Cette ligne est mise en gras et en évidence.</strong>
    </body>
</html>

Attribut

Dans cette partie, nous allons voir rapidement ce qu'est un  "attribut" et quelle est son utilité.

Un attribut permet de donner une précision sur une balise, quelle soit double ou simple.
Exemple sur la balise image qui est une balise simple:
<img alt="Paris" src="mon-image.jpg" />
 Dans cette exemple, l'attribut alt="" permet de dire à quoi fait référence l'image, quand à src="" , elle permet d'indiquer ou se trouve l'image.

Exemple sur la balise "acronym" qui est une balise double:
<acronym title="eXtended Hypertext Markup Language">XHTML</acronym>
 Dans cette exemple, l'attribut title="" permet d'afficher une info bulle donnant le texte de l'abréviation.
Passez votre souris sur le texte suivant pour visualiser le résultat : XHTML

Les commentaires

Les commentaires sont rédigés dans une balise "hors du commun" ^^, elle commence par <!-- et se termine par -->. Le texte (invisible aux visiteurs) situé entre cette balise permet de placer un commentaire dans votre document XHTML.
Un commentaire permet par exemple de s'y retrouvez plus facilement dans la réalisation d'une page web surtout quand celle ci est très longue.

Exemple:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR
/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
    <head>
       <title>Ma première page</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>
<!-- Cette ligne est un commentaire : ici un paragraphe-->
<p>Cette ligne est mise en paragraphe.</p>
<br/>
<!--Cette ligne est un commentaire : ci dessous une image de Paris-->
<img alt="Paris" src="mon-image.png" />
    </body>
</html>
Voir/déposer un commentaire (0) | Signaler un problème