Mise en page

Une bonne mise en page dans une page web est importante pour vos visiteurs, mais pourtant elle est assez dure à réaliser. Elle peut-être améliorer grâce à des tableaux, des listes ou des frames, j'esseyrais de vous expliquer tout cela dans de prochaine mise à jour de cette page.


PS: je prend comme éditeur HTML, pour mes exemples, le bloc-note de windows



Le tag <BR> : Ce tag sert à faire des retours à la ligne.

Dans le Bloc-notes
Dans le browser
Ce tag sert<BR>
à faire des<BR>
retours à la<BR>
ligne.
Ce tag sert
à faire des
retours à la
ligne

Le tag <BR> supporte l'attribut suivant :

Attribut
Mots-clé
Dans le Bloc-notes
Dans le browser
CLEAR
"all"
ou
"left"
ou
"right"
Le texte suivant<BR CLEAR="all">
est décallé vers<BR CLEAR="all">
le bas
Le texte suivant

est décallé vers

le bas



Le tag <P> : Ce tag permet l'insertion de paragraphe (Nouvelle ligne + ligne vierge).

Dans le Bloc-notes
Dans le browser
Ce tag permet<P>
l'insertion de paragraphe.
Ce tag permet

l'insertion de paragraphe.


Le tag <P> supporte l'attribut suivant :

Attribut
Mots-clé
Dans le Bloc-notes
Dans le browser
ALIGN
right
<P ALIGN=right>
Ce texte sera aligné à droite

Ce texte est aligné à droite

ALIGN
left
<P ALIGN=left>
Ce texte sera aligné à gauche

Ce texte est aligné à gauche

ALIGN
center
<P ALIGN=center>
Ce texte sera centré

Ce texte est centré




Le tag <CENTER> : Ce tag permet de centrer le texte placé entre <CENTER> et </CENTER>.

Dans le Bloc-notes
Dans le browser
<CENTER> Ce tag permet de centrer le texte </CENTER>
Ce tag permet de centrer le texte



Le tag <HR> : Ce tag permet de faire une ligne horizontal qui traverse l'écran.

Dans le Bloc-notes
<HR>
Dans le browser


Le tag <HR> supporte les attributs suivants :

Attribut
Mots-clé
Dans le Bloc-notes
Dans le browser
ALIGN
right
<HR ALIGN=right>
Le trait sera aligné à droite

Le trait est aligné à droite
ALIGN
left
<HR ALIGN=left>
Le trait sera aligné à gauche

Le trait est aligné à gauche
ALIGN
center
<HR ALIGN=center>
Le trait sera centré

Le trait est centré
SIZE
x
<HR SIZE=5>
Le trait mesurera 5 pixels de hauteur

Le trait mesure 5 pixels de hauteur
WIDTH
x
<HR WIDTH=50>
Le trait mesurera 50 pixels de largeur

Le trait mesure 50 pixels de largeur
WIDTH
y%
<HR WIDTH=50%>
Le trait mesurera 50% de largeur

Le trait mesure 50% de la largeur de la page
COLOR
couleur x
<HR COLOR=red>
Le trait sera affiché en rouge

Le trait est affiché en rouge
COLOR
#XXXXXX
(valeur hexadecimal)
<HR COLOR="#123456">
Le trait sera affiché de la couleur choisie

Le trait est affiché de la couleur choisie
NOSHADE
aucun
<HR NOSHADE>
Le trait sans affichage ombré

Le trait sans affichage ombré



Le tag <PRE> permet de préformater le texte placé entre <PRE> et </PRE>.

Dans le Bloc-notes
Dans le browser
<PRE> Ce tag permet
de préformater
le texte. </PRE>
Ce tag permet
de préformater
le texte.


Francité
Mise à jour le 1 avril 1998
E-Stat
 
cyber-top