Entrée | Sommaire | Historique | Structure | Entête et Corps | Textes | Liens | Listes | Images | Tableaux | Cadres | CSS | Propriétés CSS | Annexes
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.
<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.
<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> | |
<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.
Certaines balises sont déclassée en XHTML en faveur des feuilles de style :
<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> |
|
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 Avec la balise <strike> on |
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 />.. |
Entrée | Sommaire | Historique | Structure | Entête et Corps | Textes | Liens | Listes | Images | Tableaux | Cadres | CSS | Propriétés CSS | Annexes