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_, ( )
| _/ ( ~ )
__________/ / (_ _)
/ / }| {
\||________|| }| {
||| ||| } {
'|||''''''|||' '''''''''''''
' -- ''''' -- ''''''''''''''''' |
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<10;cpt++){ cout<<"compteur="<<cpt<<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. |
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.
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> |
 Ce 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 <s> un texte peu être <s>rayé</s>
barré
Avec la balise <strike> 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 <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 />.</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 />.. |