Chapitres :
01 - Introduction :
La mise en forme des textes en XHTML :
En HTML nous utilisions les balises <Font>; <B>; <I> et <U>
Voir chapitre "Le Texte". En XHTML, nous allons voir les différentes balises qui pourront être appliquées au code. Bien sur gardez toujours en tête que le code XHTML est à coupler au CSS.
02 - La balise <em> :
La balise <em> (emphase) permet de mettre en emphase du texte. Il s'agit de faire ressortir un passage important du texte.
Exemple :
Il est important de savoir utiliser le XHTML avant de passer au CSS.
Code XHTML:
03 - La balise <strong> :
La balise <strong> permet d'interpeler le lecteur de maniere plus forte que la balise <em>. Celle-ci remplace la balise <b> (bold) du code HTML.
Exemple :
Il est important de savoir utiliser le XHTML avant de passer au CSS.
Code XHTML:
Les extraits, citations, références
Dans vos documents XHTML, si vous devez insérez l'oeuvre d'un auteur : un extrait d'un livre, d'un article etc. Vous êtes dans l'obligation de mentionner celui-ci. En XHTML, des balises spécifiques sont destinées à traiter ce genre de contenu.
04 - La balise <cite> :
Pour citer une réference, une oeuvre, un livre, nous allons utiliser la balise <cite>. Attention, il ne s'agit pas d'une citation, pour cela nous utiliserons les balises <q> ou <blockquote>.
Exemple :
Extrait du livre : Les Misérables de Victor Hugo
Code XHTML:
05 - La balise <q> :
On utilise la balise <q> pour une citation courte. Le texte de citation est donc mis entre guillemets automatiquement quand on l'insère entre ces balises.
Exemple :
Extrait du livre : Victor Hugo à dit : Les montagnes toujours ont fait la guerre aux plaines
Code XHTML:
06 - La balise <blockquote> :
La balise <blockquote> a le même sens que la balise <q> sauf que celle-ci est utilisée pour les extraits de plusieurs lignes.
Code XHTML:
02<blockquote cite="http://livres.fluctuat.net/victor-hugo/livres/les-miserables/">
03<p>Au terme d’une errance sans fin, Jean Valjean, ancien forçat, trouve asile chez Monseigneur Myriel, évêque de Digne.
04<br />Il prend la fuite à l’aube, chargé des couverts en argent de l’ecclésiastique, mais est bien vite arrêté par des gendarmes.
05<br />L’évêque décide de plaider en sa faveur malgré le vol, et ce faisant, le sauve d’un emprisonnement.
06<br />Cet acte de bonté décille enfin les yeux de Valjean, qui décide de devenir un homme de bien.
07<br />Fantine est une jeune mère misérable. Elle doit élever seule sa fille Cosette.
08<br />Une dispute lui vaut d’être arrêtée et interrogée très désagréablement par le commissaire Javert.
09<br />Elle est cependant relâchée sous l’ordre de Monsieur Madeleine, maire de la ville.
10<br />Javert est dès lors convaincu que ses doutes sont fondés : Madeleine et Valjean ne sont qu’une seule et même personne.</p>
12</blockquote>
07 - Les paragraphes :
Balise <p>
Les paragraphes se codent avec la balise <p>
Code XHTML:
02<p>Ici le contenu de votre paragraphe</p>
03</body>
Balise <br />
Pour faire une rupture de ligne(force à aller à la ligne) on utilise la balise <br />. Contrairement à la balise <p>, la balise <br /> ne saute pas de ligne.
Balise <hr>
La balise <hr /> insère un trait horizontal. (voir ci-dessous)
Code XHTML:
Attribut : align=left | center | right
Attribut : width=x pixels ou y% (défaut 100%)
Attribut : size=nombre de pixels (défaut 1)