Cours de Dreamweaver Cours de css Cours de Flash Cours d'HTML
Cours de javascript Quelques jeux Cours de Photoshop Cours de php
Cour de Référencement Cour de sql Cour de vidéo  

Le HTML propose une grande variété de présentation du texte dans une page web, cependant il faut savoir que l'affichage d'une page se fait en fonction de ce que trouve le navigateur sur l'ordinateur qui l'héberge, donc même si vous avez sur votre ordinateur une superbe police gothique il faut savoir que l'internaute qui viendra sur votre page lui ne verra que du simple courrier (une police très moche d'ailleurs).

Donc le texte peut-être mis en page presque comme dans un traitement de texte:
Les alignements "à droite", "à gauche", "centrer", "justifier" sont possibles. Pour ce faire, voici le code à taper
<DIV align="right">votre texte</DIV>
<DIV align="left">votre texte</DIV>
<DIV align="center">votre texte</DIV>
<DIV align="justify">votre texte</DIV>
Vous pouvez aussi appliquer une feuille de style ou CSS avec l'attribut: STYLE="css-expression" CLASS="nom du style" ID="pour définir l'identifiant de l'alignement.

Le gras est disponible grâce aux balises:
<B>votre texte</B>

L'italique lui on le fait avec:
<I>votre texte</I>

Le choix de la police se fait grâce aux balises:
<FONT>votre texte</FONT>
Grace à elle vous avez la possibilité de configurer la police de caractère à utiliser, la couleur du texte et sa taille, on peut aussi mettre une liste de polices séparées par des virgules, "times,courrier". face="Arial, Helvetica, sans-serif" permet de définir la ou les polices.
size="2" permet de définir la taille des caractères entre 1 (petit) et 7 (grand)
color="#CC00CC" permet de définir la couleur du texte.
Les polices autorisées sont:
Arial
Verdana
Geneva
Times
Tahoma
Vous pouvez modifier n'importe laquelle de ces options dans le courant du texte pour ce faire, il vous faut écrire votre code de la façon suivante:
<font color="#343434" size="5">coucou en grand<font size="2">coucou en petit</font>a nouveau en grand</font>
Voici le résultat:
coucou en grand coucou en petit a nouveau en grand

Je vous conseille de toujours chercher un moyen de réduire le nombre de balises que vous allez utiliser car c'est toujours quelques kilooctets de gagner pour les images.

Ont peut définir des paragraphes grace aux balises <P>votre texte</P>
Ces paragraphes permettent de définir des espaces plus grand entre les lignes afin d'aéré une page HTML. Il dispose de l'option ALIGN qui a les mêmes valeurs possibles que l'option ALIGN de la balise FONT.

Pour ne faire qu'un simple retour charriot forcé tous en gardant une mise en page serré comme c'est le cas sur cette page il faut utiliser le tag:
<BR>
Sinon vous pouvez tapez des kilomètres de texte sans aucune mise en page les navigateurs feront les retours à la ligne automatiquement lorsque le texte arrivera à la fin de l'écran de l'internaute.

Vous pouvez aussi, pour les nostalgiques:-)), faire en sorte que votre texte apparaisse telle une machine à écrire: comme cela quoi
<TT>votre texte<TT> dans le même style vous avez <KBD>votre texte</KBD> et <SAMP> </SAMP>

Si vous avez une citation à faire sur vos pages utilisées les balises <CITE>la sitation</CITE> de même vous pouvez utilisez <DFN>une définition</DFN>

Comme autre effet possible vous avez, en vrac:
<SAMP>votre texte</SAMP>
<VAR>votre texte</VAR>
<STRONG>votre texte</STRONG>
<EM>votre texte</EM>
<S>votre texte</S> ou <STRIKE>votre texte</STRIKE>
<SUP>votre texte</SUP>
<SUB>votre texte</SUB>
<CODE>votre texte</CODE>
<CENTER>votre texte centrer</CENTER>
<CITE>votre texte</CITE> à le même effet que <I></I>
<DFN>votre texte</DFN> à le même effet que <I></I>
<EM>votre texte</EM> à le même effet que <I></I>
Et a utiliseravec précaution puisque c'est grâce aux soulignements que la plupart des navigateurs indique les liens:
<U>votre texte</U>.

Afin de simplifier la mise en page de rapport il à été prévu différents types de titres et sous-titres. Il sont définis grâce à la balise <Hn>votre texte</Hn>
Le n vos entre 1 (grand) et 6 (petit). Cela permet d'alléger le code de vos pages tout en gardant votre mise en page. Et vous pouvez en définir l'alignement avec align="alignement".

Une autre mise en page proposée est le préformaté.
 	<PRE>votre texte</PRE>

Dans ce cas-là, les balises <PRE> et </PRE> remplacent les balises de paragraphe <P></P> et disposent des mêmes options. Les balises <XMP> et </XMP> remplissent les mêmes fonctions que <PRE> </PRE>

Vous pouvez définir un texte par défaut pour une page entière grâce à la balise <BASEFONT SIZE="n" FACE="police" COLOR="red">, cette balise est à placer dans le corps de la page entre <BODY> et </BODY>.

La balise <BIG> </BIG> permet d'écrire un texte plus gros que le reste.

la balise <BLOCKQUOTE> permet de définir l'équivalent d'une tabulation dans un traitement de texte.
EX:

toto

<SMALL>toto</SMALL> permet de mettre un texte en plus petit.

Retour à l'index
Pour m'aider cliquez ici
Fais avec un mac
Sucellus 2001 ©
Les noms des logiciels, jeux, matériels, marques, images de ce site sont la propriété de leurs auteurs et/ou de leurs éditeurs.