« Le langage HTML/Style de texte » : différence entre les versions
m mise en forme |
exemple |
||
Ligne 108 : | Ligne 108 : | ||
| … |
| … |
||
|} |
|} |
||
; Exemple |
|||
{{vert|<p>}} |
|||
Parmi les abréviation, on distingue |
|||
les {{bleu|<dfn>}}sigles{{bleu|</dfn>}}, |
|||
dont les lettres se prononcent une par une, comme {{bleu|<abbr>}}SNCF{{bleu|</abbr>}} |
|||
(pour {{rouge|&laquo;&nbsp;}}Société nationale des chemins de fer{{rouge|&nbsp;&raquo;}}) |
|||
des {{bleu|<dfn>}}acronymes{{bleu|</dfn>}} |
|||
qui sont lexicalisés (ils se prononcent comme des mots), |
|||
comme {{bleu|<acronym>}}laser{{bleu|</acronym>}} |
|||
(pour {{rouge|&laquo;&nbsp;}}{{vert|<span}} lang="en"{{vert|>}}Light Amplification by Stimulated Emission of Radiations{{vert|</span>}}{{rouge|&nbsp;&raquo;}}) |
|||
{{vert|</p>}} |
|||
: ce qui donne |
|||
{{Début cadre|bleu}} |
|||
<p> |
|||
Parmi les abréviation, on distingue |
|||
les ''sigles'', |
|||
dont les lettres se prononcent une par une, comme SNCF |
|||
(pour « Société nationale des chemins de fer ») |
|||
des ''acronymes'' |
|||
qui sont lexicalisés (ils se prononcent comme des mots), |
|||
comme laser |
|||
(pour « <span lang="en">Light Amplification by Stimulated Emission of Radiations</span> ») |
|||
</p> |
|||
{{Fin cadre}} |
|||
== Paramètres == |
== Paramètres == |
Version du 14 mars 2007 à 15:06
Il est possible d'indiquer au navigateur que l'on a affaire à tel ou tel type de texte. Cela va changer la mise en forme.
Comme pour les titres, la manière dont le texte est mis en forme dépend du réglage du navigateur, ou de la feuille de style (voir Programmation CSS).
Style | Balise | Mnémotechnique | Rendu par défaut |
---|---|---|---|
mise en emphase | <em> …</em>
|
emphase | italique |
mise en emphase forte | <strong> …</strong>
|
« fort » | gras |
citation d'une référence | <cite> …</cite>
|
explicite | italiques |
citation courte dans le texte | <q> …</q>
|
quote = citation | entre guillemets |
citation à part | <blockquote> …</blockquote>
|
« bloc de citation » | marge à gauche plus grande |
code source | <code> …</code>
|
… | police à chasse fixe avec empattement (type Courier) |
texte préformaté (par exemple pour aligner avec des espaces, ou faire des dessins ASCII) | <pre> …</pre>
|
preformed (préformatté) | police à chasse fixe, en général avec empattement (type Courier) |
Certains ont tendance à utiliser les balises <i>
…</i>
pour l'italique et <b>
…</b>
pour le gras (bold) à la place de em
et strong
. Dans l'absolu, cela revient à faire de la mise en forme et non de la description de texte : c'est déconseillé. Dans la pratique, cela ne change pas grand chose, sauf si la feuille de style ou le rendu du navigateur en décide autrement.
- Exemple
<p> Selon Boileau : <blockquote> Vingt fois sur le métier remettez votre ouvrage </blockquote> bref, <em>ne vous découragez pas !</em> <strong>Soyez patient !</strong> </p>
- ce qui donne
Selon Boileau :
Vingt fois sur le métier remettez votre ouvrage
bref, ne vous découragez pas ! Soyez patient !
Voici quelques autres styles de texte :
Style | Balise | Mnémotechnique | Rendu par défaut |
---|---|---|---|
définition | <dfn> …</dfn>
|
… | italiques |
extrait de programme | <samp> …</samp>
|
sample (échantillon) | idem <code>
|
saisie claiver | <kbd> …</kbd>
|
keyboard (clavier) | idem <code>
|
variable ou paramètre d'un programme | <var> …</var>
|
… | italiques |
abréviation | <abbr> …</abbr>
|
abbreviation | |
acronyme (se prononce comme un mot) | <acronym> …</acronym>
|
… |
- Exemple
<p> Parmi les abréviation, on distingue les <dfn>sigles</dfn>, dont les lettres se prononcent une par une, comme <abbr>SNCF</abbr> (pour « Société nationale des chemins de fer ») des <dfn>acronymes</dfn> qui sont lexicalisés (ils se prononcent comme des mots), comme <acronym>laser</acronym> (pour « <span lang="en">Light Amplification by Stimulated Emission of Radiations</span> ») </p>
- ce qui donne
Parmi les abréviation, on distingue les sigles, dont les lettres se prononcent une par une, comme SNCF (pour « Société nationale des chemins de fer ») des acronymes qui sont lexicalisés (ils se prononcent comme des mots), comme laser (pour « Light Amplification by Stimulated Emission of Radiations »)
Paramètres
Pour les balises de citation (<q>
et <blockquote>
), on peut indiquer la source, avec le paramètre cite
suivi de l'adresse réticulaire.
Balises de mise en forme
Avant le CSS, la modificatin de la police était déjà une préoccupation, le W3C a donc créé des balises permettant ces modifications — donc de la mise en forme —, on peut donc toujours trouver de telles balise dans du code ou des ouvrages. Les balises sont donc données à titre d'information, mais elles devraient être proscrites au profit du CSS.
Style | Balise | Mnémotechnique |
---|---|---|
affichage écran (idem code source) | <tt> …</tt>
|
teletype (terminal) |
italique | <i> …</i>
|
explicite |
gras | <b> …</b>
|
bold (gras) |
grandes lettres | <big> …</big>
|
(grand) |
petites lettres | <small> …</small>
|
(petit) |
texte barré | <strike> …</strike> ou <s> …</s>
|
(barré) |
texte souligné | <u> …</u>
|
underligned (souligné) |
On peut également modifier :
- la taille de la police :
<font size="taille">
…</font>
, ou taille est un nombre absolu en unité arbitraire (la taille normale est 3), ou un nombre relatif (+1
pour la taille courante augmentée de 1,-2
pour la taille courante diminuée de 2) ; - la nature de la police :
<font face="nom de la police">
…</font>
.
On peut combiner les deux, par exemple <font size="12" face="times new roman">
…</font>