Entrée | Sommaire | Historique | Structure | Entête et Corps | Textes | Liens | Listes | Images | Tableaux | Cadres | CSS | Propriétés CSS | Annexes

Textes

Sommaire

Balises de texte

Toutes ces balises utilisent une mise en forme particulière, et excepté pour les paragraphe, il est généralement inutile de rajouter des balises de mise en forme.
Elles ont toutes la même forme: Une balise d'ouverture, et une balise de fermeture entre lesquels se trouvent le texte souhaité.
Entre chaque paragraphe balisés par ces balises de texte, il y a au moins un retour à la ligne après la balise de fin, et parfois un espacement d'environ une ligne. Il n'est donc pas utile de les inclure dans un paragraphe, puisque leur contenu en forme un.

Balises de Texte
<p>Ceci est un simple paragraphe</p>
<p>Ceci est un autre paragraphe</p>

Ceci est un simple paragraphe

Ceci est un autre paragraphe

<h1>Ceci est un simple paragraphe</h1>

Titre de niveau 1

<h2>Ceci est un simple paragraphe</h2>

Titre de niveau 2

<h3>Ceci est un simple paragraphe</h3>

Titre de niveau 3

<h4>Ceci est un simple paragraphe</h4>

Titre de niveau 4

<h5>Ceci est un simple paragraphe</5>
Titre de niveau 5
<h6>Ceci est un simple paragraphe</h6>
Titre de niveau 6
<address>stephane Chalamet <a href="mailto:stephane.chalamet@free.fr"> stephane.chalamet@free.fr</a> </address>
stephane Chalamet stephane.chalamet@free.fr
Pierre Desproges disais :
<blockquote>
Tout homme plongé dans la science subit une poussée de bas en haut susceptible de lui remonter le moral.
</blockquote>
Pierre Desproges disais :
Tout homme plongé dans la science subit une poussée de bas en haut susceptible de lui remonter le moral.
<pre>
          \/ V/        ( ~)
           VVV       (      )
           ( o_,    (        )
           |  _/    (  ~     )
 __________/ /       (_    _)
/           /          }| {
\||________||          }| {
 |||      |||          }  {
'|||''''''|||'    '''''''''''''
' -- ''''' -- '''''''''''''''''
</pre>
Sans la balise pre : \/ V/ ( ~) VVV ( ) ( o_, ( ) | _/ ( ~ ) __________/ / (_ _) / / }| { \||________|| }| { ||| ||| } { '|||''''''|||' ''''''''''''' ' -- ''''' -- '''''''''''''''''
Avec la balise pre :
          \/ V/        ( ~)
           VVV       (      )
           ( o_,    (        )
           |  _/    (  ~     )
 __________/ /       (_    _)
/           /          }| {
\||________||          }| {
 |||      |||          }  {
'|||''''''|||'    '''''''''''''
' -- ''''' -- '''''''''''''''''

Retour au sommaire

Enrichissement du texte

Ces balises peuvent être utilisée à l'intérieur d'un paragraphe de texte pour donner un certain aspect au texte, mais sont utilisée pour lui rajouter des informations plutôt que de lui donner une mise en forme particulière.
Contrairement aux balises de mise en forme, l'aspect de ces balises peux changer d'un butineur à un autre. C'est pour cette raison qu'elles ne doivent pas être utilisées pour donner un certain aspect au texte, mais, pour l'enrichir en information.

Balises d'enrichissement du texte
<acronym>SIDA</acronym> (Syndrome d'ImmunoDéficience Acquise) SIDA (Syndrome d'ImmunoDéficience Acquise)
<abbr>CA</abbr> (California) CA (California)
<cite>Coder en HTML 4</cite> par <cite>Stéphane Chalamet</cite> Coder en HTML 4 par Stéphane Chalamet
<code>for(cpt=0;cpt&lt;10;cpt++){ cout&lt;&lt;&quot;compteur=&quot;&lt;&lt;cpt&lt;&lt;endl; }</code> for(cpt=0;cpt<10;cpt++){ cout<<"compteur="<<cpt<<endl; }
<del datetime="2001-11-03T19:22:00+1:00">texte supprimé le 03 novembre 2001 à 19h22 GMT+1</del> texte supprimé le 03 novembre 2001 à 19h22 GMT+1
<ins datetime="2001-11-03T19:22:00+1:00">texte inséré le 03 novembre 2001 à 19h22 GMT+1</ins> texte inséré le 03 novembre 2001 à 19h22 GMT+1
une balise <dfn>orpheline</dfn> est une balise qui introduit un élément ponctuel est qui n'a qu'une balise d'ouverture. une balise orpheline est une balise qui introduit un élément ponctuel est qui n'a qu'une balise d'ouverture.
sous linux, appuyez sur la touche <kbd>tabulation</kbd> pour compléter automatiquement un nom incomplet. sous linux, appuyez sur la touche tabulation pour compléter automatiquement un nom incomplet.
Le slogan du W3C est: <q cite="http://www.w3c.org">Leading the Web to its Full Potential...</q> Le slogan du W3C est: Leading the Web to its Full Potential...
Dans le code précédant, la variable <var>cpt</var> sert de compteur. Dans le code précédant, la variable cpt sert de compteur.

Retour au sommaire

Mise en Forme du texte

Ces balises sont utilisées pour mettre en forme le texte afin de lui donner un certain aspect. Elles doivent être utilisées dans des textes situés entre des balises de texte, mais, ne devrais pas être mélangées aux balises d'enrichissement du texte.

Certaines balises sont déclassée en XHTML en faveur des feuilles de style :

Balises de mise en forme du texte
<p><img src="images/image.gif" align="left" /> Ce texte est situe a droite de l'image.<br />
Ce texte est situe a la ligne, a droite de l'image.<br clear="left" />
Ce texte est situe sous l'image.</p>

imageCe texte est situe a droite de l'image.
Ce texte est situe a la ligne, a droite de l'image.
Ce texte est situe sous l'image.

ceci est <em>mis en valeur</em> ceci est mis en valeur
Ceci est <strong>très important</strong> Ceci est très important
le metre carré s'écrit M<sup>2</sup> le metre carré s'écrit M2
La formule chimique de l'eau est H<sub>2</sub>O. La formule chimique de l'eau est H2O.
Texte <b>mis en gras</b>. Texte mis en gras.
Texte <i>mis en italique</i>. Texte mis en italique.
Texte <big>plus gros</big> Texte plus gros
Texte <small>plus petit</small> Texte plus petit
Ce texte a des <tt>lettres à largeur fixe</tt> Ce texte a des lettres à largeur fixe
<bdo lang="ja" dir="rtl">
Ce texte devrais être écrit comme en japonais : de droite à gauche.
</bdo>
Ce texte devrais être écrit comme en japonais : de droite à gauche.
Barre de séparation creuse:
<hr size="15" width="80%" />
Barre de séparation pleine :
<hr size="10" noshade="noshade" />
Barre de séparation creuse:

Barre de séparation pleine :

Avec la balises &lt;s&gt; un texte peu être <s>rayé</s> barré
Avec la balise &lt;strike&gt; on <strike>réalise</strike> obtient aussi une texte barré.
avec la balises <s> un texte peu être rayé barré .
Avec la balise <strike> on réalise obtient aussi une texte barré.
Je tiens à <u>souligner ces mots</u>. Je tiens à souligner ces mots.
<font color="#00,00,ff" face="arial" >l'utilisation de la balise &lt;basefont /&gt; avec les mêmes attributs et valeurs (texte bleu, avec la police arial) donnerais le même résultat pour tout le texte qui suivrais la balise <basefont />.</font>. l'utilisation de la balise <basefont /> avec les mêmes attributs et valeurs (texte bleu, avec la police arial) donnerais le même résultat pour tout le texte qui suivrais la balise <basefont />..

Retour au sommaire

Entrée | Sommaire | Historique | Structure | Entête et Corps | Textes | Liens | Listes | Images | Tableaux | Cadres | CSS | Propriétés CSS | Annexes


1 juillet 2002
Stéphane Chalamet : stephane.chalamet@free.fr