|
Internautes si vous débutez sur
Internet les astuces suivantes vous aideront peut être ?
Couleur de police (les caractères) sur vos pages du site Web ?
Si vous arrivez directement sur cette page, avant de commencer cette
section vous devez avoir réalisez la première partie ( créer ma 1er page )
Modifier la police ( les caractères) de votre page
Web !
Le langage HTML sert à décrire de façon logique un document. C'est
pourquoi les commandes correspondantes jouent un rôle essentiel. Voici
quelques commandes pour affiner l'écriture ICI
Les attribut de Body (commande) sur vos pages du site Web ?
Il existe de nombreux attributs pour la commande BODY. Voici un petit
aperçu ICI
La commande FONT vous permet de modifier la police
des pages du site Web ?
Comment fonctionne la commande FONT ICI
Des puces ! sur vos pages du site Web ?
Pourquoi pas des listes à puces sur votre site
ICI
|
|
Html
|
Voici les 16
couleurs de base
|
Ref |
|
|
|
Nom anglais |
Code hexadécimal |
Nom français |
|
black |
#000000 |
(noir) |
|
silver |
#COCOCO |
(gris 25%) |
|
gray |
#808080 |
(gris 50%) |
|
white |
#FFFFFF |
blanc) |
|
red |
#FF0000 |
(rouge) |
|
purple |
#800080 |
(violet) |
|
maroon |
#800000 |
(marron clair) |
|
fuchsia |
#FF00FF |
(rose) |
|
green |
#008000 |
(vert) |
|
lime |
#00FF00 |
(vert brillant) |
|
olive |
#808000 |
(vert olive) |
|
yellow |
#FFFF00 |
(jaune) |
|
navy |
#000080 |
(bleu foncé) |
|
blue |
#0000FF |
(bleu) |
|
teal |
#008080 |
(bleu-vert) |
|
agua |
#00FFFF |
(cyan) |
|
Si vous n'êtes pas satisfait des
couleurs ?. Vous pouvez mélanger les trois couleurs de base :
rouge, vert et bleu (RVB). Voila comment le code de couleur
hexadécimal commence par le signe (# obtenu par les touches Alt +
3) et comporte 6 caractères. Les deux premières positions
définissent le rouge, les
deux suivante le vert et les
dernières le bleu. A vous de
faire votre mixture ;-) |
|
| Haut de la page |
|
Html
|
Les attributs de la
commandes BODY
|
Ref |
|
|
|
La commande BODY permet de
déterminer en même temps les couleurs du texte et du lien
hypertexte |
|
Attributs |
Remarques |
Exemples |
|
background |
Image du papier peint |
background="image.gif" |
|
bgcolor |
Couleur
du papier peint |
bgcolor="yellow" |
|
text |
Couleur du texte |
text="#800080" |
|
link |
Lien
non visité |
link="green" |
|
vlink |
Lien
visité |
vlink="red" |
|
alink |
Lien
actif couleur change quand vous cliquez |
alink="white" |
<BODY BGCOLOR="silver" TEXT="black"
LINK="gren" VLINK="red" ALINK="yellow">
|
|
Détail = Le fond de la page et en GRIS "
body bgcolor="silver"
Le texte est en NOIR text="black"-
Le lien non visité est VERT
link="gren" - Le lien visité est ROUGE
vlink="red"
La couleur change quand vous cliquez JAUNE
alink="yelow" |
|
| Haut de la page |
|
Html
|
La commande FONT
pour votre site !
|
Ref |
|
|
|
Code source |
Affichage |
Elle me parle de la <font color=blue>
couleur </font> du ciel
|
Elle me parle de la couleur du ciel. |
Elle me parle de la <font face=Arial>
couleur des nuage </font>
|
Elle me parle de la
couleur des nuages |
Elle me parle et je <font size=-1>
suis tout petit </font>
|
Elle me parle et je
suis tout petit
|
Vous pouvez <font color=red
face=Comic Sans MS" size=+1>combiner
</font><font face=Arial, size=-1>
plusieurs attributs</font>
|
Vous pouvez combiner plusieurs attributs
|
|
Vous pouvez déterminer la couleur de la police avec la
commande FONT. La commande possède les attributs
color=
(couleur), face= (police) et
size= (tailles relatives comme : -2,
-1, +1, +2. Cette commande se termine par
</font> |
|
| Haut de la page |
|
Html
|
Liste à puces pour
votre site !
|
Ref |
|
|
|
Code source |
Affichage |
<ul type=square>
<li>Ciel
<li> Nuage
</ul>
|
|
<ul type=circle>
<li>Ciel
<li> Nuage
</ul>
|
|
<ol type=A>
<li>Ciel
<li> Nuage
</ol>
|
- Ciel
- Nuage
|
<ol type=1 start=5>
<li>Ciel
<li> Nuage
</ol>
|
- Ciel
- Nuage
|
|
Les listes ordonnées, <ol><0/l> et
des listes non ordonnées <ul></ul>
chaque point de liste doit commencer par
<li> En général, la liste à
puces est composée de puces comme son nom l'indique, mais vous
pouvez toutefois les changer en carrés ou en cercles. Les
attributs sont les suivants type=square,
ou type=circle. Vous pouvez
choisir entre des chiffres arabes ou romains, par exemple en
commençant la liste par 1, 5
ou iii. <ol> va être
complété par les attributs suivants : type=1(chiffres
arabes)
type=A (majuscules),
type=a (minuscules), type=I
(chiffres romains majuscules), ou type=i
chiffres romains minuscules). start=5
(compte à partir de 5, E ou
V. Vous pouvez imbriquer les
énumérations en créant une nouvelle liste à l'intérieur d'une
liste existante ;-) |
|
| Haut de la page |