Hébergement de votre page personelle
perso.etula.com

Etula.com

Perso Etula


Création de site internet : Créer son site internet
mise en page


Les principales balises sont :

<b>gras</b>
<i>italique</i>
<u>souligné</u>
<s>barré</s>
qui affichera gras
qui affichera italique
qui affichera souligné
qui affichera barré

Pour définir une police, il faut utiliser la balise FONT de cette manière:

<font size="3" color="#808080" face="Verdana">exemple</font>

Size : taille de la police en valeur absolue (ex. 3) ou relative (ex. +3)

Color : couleur de la police, deux digits pour chacune des trois couleurs primaires rouge, vert et bleue.

À la fin de ce dossier, il y a un lien vers un utilitaire permettant d'obtenir le code HTML d'une couleur.

Face : Nom de la police, les plus courantes sont Arial, Courrier, Time New Roman et Verdana

On peut combiner les balises en prenant garde à ce qu'elles ne chevauchent pas :

Html :

<font size="3" color="#808080" face="Verdana"><b>exemple</b></font>
Navigateur :

exemple


Un paragraphe se repère grâce aux balises <p> et </p> qui permettent d'aligner le texte de la manière suivante :
<p align= "center">texte du paragraphe…</p>
Center : texte centré
Justify : texte justifié
Left : texte aligné sur la gauche
Right : texte aligné sur la droite

L'avantage est qu'il n'est pas nécessaire d'inclure les balises de retour à la ligne <br /> à la fin du paragraphe.

Html :

<p align="center">
<font size="1" color="#000000" face="Courrier"> <b>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</b></font>
</p>
Navigateur :

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,... Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,...

Un texte en exposant utilise les balises <sup></sup>, en indice <sub></sub> :
10<sup>2</sup> donne 102
10<sub>2</sub> donne 102

Les puces et numéros s'utilisent avec les balises <ul>, <ol> et <li>.

Puces :
Html :

<ul>
<li>100g de farine </li>
<li>50g de sucre </li>
<li>2 oeufs</li>
</ul>
Navigateur :
  • 100g de farine
  • 50g de sucre
  • 2 oeufs

Numéros :
Html :

<ol>
<li>100g de farine </li>
<li>50g de sucre </li>
<li>2 œufs </li>
</ol>

Navigateur :

  1. 100g de farine
  2. 50g de sucre
  3. 2 oeufs



Perso Etula
Etula.com

Hot Etula

Perso Etula

Google.fr

Yahoo.fr

Voila.fr
Etula perso, tous droits réservés © 1999 - 2007