Web-Utopia

Accueil du site > Accueil > Aide - Accueil > La mise en page

La mise en page

lundi 18 juin 2007, par Hobbit

Voir au format PDF

La couleur :

Chaque couleur est associée à un code (les codes héxadécimeaux ) qui une fois inséré dans votre code HTML fait ressortir cette couleur sur votre page. Ce code est composé d’un # et suivi d’une composition de chiffres et de lettres. Pour exemple, la couleur "noire" aura pour code HTML le #OOOOOO.

Pour insérer un mot d’une certaine couleur dans vos pages vous pouvez mettre son code dans une balise comme ici : <FONT color=#OOOOOO>MANGEUR DE CIGOGNE</FONT>

Pour trouver toute la gamme des couleurs HTML : Palette de 4096 couleurs version 2.1

Les balises :

Votre page contiendra très certainement du texte. Pour ne pas lasser le lecteur, ou pour mettre un mot en évidence, vous voudrez changer le style de votre texte.

Les balises suivantes vous seront utiles :

Pour mettre un texte en caractère gras <b>Oui</b> Oui

Pour mettre un texte en italique <i>Vous</i> Vous

Pour souligner un texte <u>hier</u> Hier

Mettre un texte en exposant 1<sup>er</sup> 1er

Mettre un texte en indiceH<sub>2O</sub> H2O

Pour agrandir votre texte<big>Grand</big> Grand

Pour rapetisser votre texte<small>Petit</small> Petit

Pour signaler une citation <cite>Citation</cite> Citation

Les titres :

Pour mettre en évidence vos données, les balises de titre sont les plus adaptées.

<h1>Titre 1</h1>
<h2>Titre 2</h2>
<h3>Titre 3</h3>
<h4>Titre 4</h4>
<h5>Titre 5</h5>
<h6>Titre 6</h6>

La taille :

Permet de définir la taille de la font à afficher. Elle peut être indiquée de plusieurs façons :

* avec une taille prédéfinie allant de de 1 à 7 , la valeur par défaut étant 3. * de façon relative par rapport à la valeur par défaut soit des chiffres allant de -3 à +3.

Exemple de définition de taille :

<font size="1">Taille</fonte>
   <font size="2">Taille</font>
   <font size="3">Taille</font>
   <font size="4">Taille</font>
   <font size="5">Taille</font>
   <font size="6">Taille</font>
   <font size="7">Taille</font>

La police :

Permet de définir la fonte à utiliser pour l’ affichage. Vous pouvez utiliser toutes les polices de caractères que votre système d’ exploitation supporte mais vous devez savoir que celui qui visite votre page ne supportera peut-être pas les polices que vous avez utilisées. Pour pallier à ce petit inconvénient, vous pouvez indiquer des polices de remplacement en les séparant par des virgules. Une bonne façon de faire est d’ utiliser les polices standard de plusieurs systèmes d’ exploitation. Voici les polices les plus courantes ainsi que leurs équivalent sur d’ autres plate-formes.

* Arial, Helvetica, sans-serif * Courier New, Courier, mono * Georgia, Times New Roman, Times, serif * Times New Roman, Times, serif * Verdana, Arial, Helvetica, sans-serif

Exemple :

<font face="Arial">Texte</font> Texte

<font face="Times New Roman">Texte</font> Texte

<font face="Helvetica">Texte</font> Texte

Mise en forme des paragraphes :

Les paragraphes de vos pages HTML peuvent être mis en forme de différentes façons. L’ attribut ALIGN="Type d’ alignement" se charge de cette opération. Il est normalement inclus dans la balise paragraphe. Il peut se présenter de deux manières :

<p style="text-align: left"> ou <p align="left">

Exemple :

<p align="left"> votre texte </font>

<p align="right"> votre texte </font>

<p align="center"> votre texte </font>

Article : Informations - Espace privée

Répondre à cet article


Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | SPIP |