| Langages Web |
|
|
|
|
|
|
|
La mise en forme de texte
Les balises suivantes passent une ligne avant et après leur élément.
| Description | Code |
Visualisation |
|---|
| Ces balises permettent de rendre le texte plus ou moins
en évidence. Les balises <H1> et </H1> permettent de rendre le
texte très visible. Plus ont augmente le nombre dans les balises et plus le texte
parait en petit. Ce nombre varie entre 1 et 6 selon l'affichage que l'on veut
donner. | <H1>Sakartone</H1> |
Sakartone |
| <H2>Sakartone</H2> | Sakartone |
| <H3>Sakartone</H3> | Sakartone |
| <H4>Sakartone</H4> | Sakartone |
| <H5>Sakartone</H5> | Sakartone |
| <H6>Sakartone</H6> | Sakartone |
| Les balises de préformatage |
Les balises <PRE> et </PRE> permettent d'afficher le texte tel
que vous l'avez écrit ; en comprenant les espaces, les tabulations, les
retour à la ligne que vous avez fait dans le code et une police spéciale.
Code :
Visualisation :
Texte avant
Exemple
de
préformatage
avec Sakartone.fr.st
Texte après
Elles permettent d'afficher le texte de la même manière que des listings de
bureautique. De même que les balises vu précédemment, elles permettent de
retenir la casse utilisée. De plus, elles permettent de passer une ligne
avant et après le texte placé entre celles-ci.
Code :
Visualisation :
Texte avant
Exemple de listing avec
Sakartone
Texte après
Les balises <ADDRESS></ADDRESS> permettent de passer à la ligne
avant et après leur élément. Elles contiennent l'adresse de l'auteur.
Code :
Visualisation :
Texte avant
Visualisation d'une adresse avec Sakartone
Texte après
| Contrôle de texte par des propriétés de balises |
Les balises <FONT></FONT> ne font rien par elles-même. Mais
grâce aux propriétés qu'elles possèdent, on peut contrôler le texte qu'elles
contiennent.
Ces balises possèdent les propriétés suivantes :
- COLOR=
- "nom de la couleur en anglais"
- "valeur hexadécimale"
- FACE="police, police"
- SIZE="nombre"
COLOR détermine la couleur du texte. Si vous choisissez de mettre le nom
d'une couleur, la valeur peut être par exemple "Red", qui rendra le texte
rouge. Si vous choisissez de mettre une valeur hexadécimale, vous devrez
mettre le signe dièse # suivi d'une valeur compris entre 000000 et FFFFFF,
comme par exemple "#FF0000", qui rendra le texte rouge.
FACE quant à elle détermine la police du texte. On peut mettre un nom, ou
plusieurs noms de polices : dans ce cas séparez-les par des virgules. Lorsque
l'utilisateur ne possède pas la première police indiquée, il sélectionne la
deuxième police que vous avez choisie, et ainsi de suite. Comme par exemple
"Comic Sans MS, Bangle, Arial".
SIZE détermine la taille de la police. Elle se détermine par un nombre,
attention ce nombre n'est pas le même que dans un traitement de texte.
Par exemple, la taille du texte normal dans cette feuille est de type "4".
Code :
Visualisation :
Contrôle de texte avec
Sakartone
Elles permettent de mettre le texte en exposant, un peu au dessus du texte
environnant.
Code :
Visualisation :
En tout 1er avec Sakartone
Elles permettent de mettre le texte en indice, un peu en dessous du texte
environnant.
Code :
Visualisation :
Il y en 3/5 avec Sakartone
| Gras, italique et souligné |
Elles permettent de mettre le texte en gras.
Code :
Texte en <B>gras</B> avec Sakartone
Visualisation :
Texte en gras avec Sakartone
Elles permettent de mettre le texte en italique.
Code :
Texte en <I>italique</I> avec Sakartone
Visualisation :
Texte en italique avec Sakartone
Elles permettent de souligner le texte.
Code :
Texte <U>souligné</U> avec Sakartone
Visualisation :
Texte souligné avec Sakartone
| Les balises <SMALL></SMALL> |
Elles permettent de définir une taille de texte plus petite.
Code :
Texte en <SMALL>petit</SMALL> avec Sakartone
Visualisation :
Texte en petit avec Sakartone
Elles permettent de définir une plus grande taille de texte.
Code :
Texte en <BIG>grand</BIG> avec Sakartone
Visualisation :
Texte en grand avec Sakartone
| Les balises <STRONG></STRONG> |
Elles permettent de mettre en évidence le texte, généralement en gras.
Code :
Texte <STRONG>mis en évidence</STRONG> avec Sakartone
Visualisation :
Texte mis en évidence avec Sakartone
Elles permettent de mettre en évidence le texte, généralement en italique.
Code :
Texte <EM>mis en évidence</EM> avec Sakartone
Visualisation :
Texte mis en évidence avec Sakartone
| Les balises <STRIKE></STRIKE> |
Elles permettent de barrer le texte.
Code :
Texte <STRIKE>barré</STRIKE> avec Sakartone
Visualisation :
Texte barré avec Sakartone
Elles permettent de tapper le texte avec une police machine.
Code :
Texte en <TT>police machine</TT> avec Sakartone
Visualisation :
Texte en police machine avec Sakartone
| Les balises <CODE></CODE> |
Le texte est affiché comme du code informatique.
Code :
Texte en <CODE>code informatique</CODE> avec Sakartone
Visualisation :
Texte en code informatique avec Sakartone
Le texte est affiché tel quel, comme tappé au clavier.
Code :
Texte en <KBD>keyboard</KBD> avec Sakartone
Visualisation :
Texte en keyboard avec Sakartone
| Les balises <SAMP></SAMP> |
Le texte est affiché comme un exemple.
Code :
Texte en <SAMP>exemple</SAMP> avec Sakartone
Visualisation :
Texte en exemple avec Sakartone
Le texte est affiché comme une variable de programme informatique.
Code :
Texte en <VAR>variable</VAR> avec Sakartone
Visualisation :
Texte en variable avec Sakartone
| Les balises <CITE></CITE> |
Le texte est affiché comme une citation.
Code :
Texte en <CITE>citation</CITE> avec Sakartone
Visualisation :
Texte en citation avec Sakartone
Le texte est affiché comme une définition.
Code :
Texte en <DFN>définition</DFN> avec Sakartone
Visualisation :
Texte en définition avec Sakartone
Le texte est affiché comme s'il était obsolète.
Code :
Texte <DEL>supprimé</DEL> avec Sakartone
Visualisation :
Texte supprimé avec Sakartone
Le texte est affiché comme s'il était inséré.
Code :
Texte <INS>inséré</INS> avec Sakartone
Visualisation :
Texte inséré avec Sakartone
Attention, cela ne marche qu'avec Netscape.
Code :
Texte <BLINK>clignotant</BLINK> avec Sakartone
Visualisation dans Netscape :
Texte avec Sakartone
|
|
|
|
|
|
|
|
HTML
Introduction
Environnement