Communauté

Apprendre le xHTML

Publié par Kilaam le 13/7/2007 (7425 lus)
Page: « 1 2 3 (4) 5 6 »

Des titres c'est bien mieux...

C'est bien beau mettre du texte mais sans titre, ce n'est pas très précis pour trouver rapidement une information. C'est pour cela qu'il existe des balises pour insérer des titres. En tout, il en existe 6 qui fonctionne par ordre d'importante.

<h1></h1> : Le plus important. Souvent utilisé pour le titre de la page.
<h2></h2> : Utilisez-le pour identifier vos paragraphes
<h3></h3> : Celle-ci pour les sous-titres
<h4></h4> : Celle-là pour les sous-sous-titres
<h5></h5> : ....
<h6></h6> : La moins importante.

Bon, je crois que vous avez maintenant compris le principe des balises de titre. Plus le chiffre est gros et plus le titre est peu important. Attention, il n'existe pas de <h7>. Ceci arrête <h6>. Le plus souvent, les webmasters utilise uniquement les balises <h1><h2><h3>. En effet, il est très rare d'avoir des textes à six niveaux. Ajoutons des titres à nos paragraphes :


Cliquer pour afficher le code

----------------------------------

Les Balises


<em></em> : Pour mettre un texte en évidence
<strong></strong> : Mettre en gras
<sup></sup> : Mettre en exposant
<sub></sub> : Mettre en indice
<q></q> : Mettre une courte citation
<blockquote><blockquote> : Mettre une longue citation
<acronym></acronym> : Mettre un acronyme, voir ci-dessous

Le cas de l'acronyme...

Pour écrire un acronyme, nous devons utiliser la balise et un attribut.

<acronym title="Cascade Style Sheet">CSS</acronym>

Savoir où les placer...

Il existe deux sortes de balises. Premièrement, il y a ceux de type block et ceux de type inline. Les balises inlines (<strong><em><q>) peuvent être dans un paragraphe. Les balises blocks (<p><h1><blockquote>) ne peuvent être contenu dans une autre balise block. Une balise inline entre dans une balise block mais pas le contraire.

BON :
<h1>Mon titre</h1>
<p> Mon paragraphe <strong>important</strong></p>

MAUVAIS :
<p><h1>Mon titre</h1>Mon paragraphe <strong>important</strong></p>

Page: « 1 2 3 (4) 5 6 »
  Voir cet article en format PDF Imprimer cet article Envoyer cet article

Naviguer à travers les articles
Article précédent Liste des tutoriels pour les webmaters
Inscrivez-vous !
Connexion
Pseudo : 

Mot de passe : 

Mémoriser compte


Inscrivez-vous maintenant !
Perdu le mot de passe ?
AccessiGo

     

Un peu de libre...
Kila! OpenAds