Info
Nous allons à présent voir comment introduire du texte dans notre page HTML et observer comment il réagit.
Voici du texte.
Faites un copier-coller du texte ci-joint entre
<BODY> et
</BODY>.
Cliquez sur le bouton "VOIR" du générateur HTML.
Réduisez et augmentez la fenêtre et observer le comportement du texte.
Le
texte se reformate suivant la taille de la fenêtre, c'est un élément à retenir lors de la conception de votre page.
Pour ne plus avoir ce problème, il faut insérer votre texte dans un tableau de taille fixe.
Les paragraphes
Nous allons maintenant structurer le texte en créant des paragraphes.
Voici du texte.
Le paragraphe se détermine grâce à la balise
<P> </P>.
Mettez après la balise
<BODY> la balise
<P
>, copiez collez le texte ci-joint et mettez à la fin du texte
</P>.
Recommencez la manoeuvre à la suite.
Cliquez sur le bouton "VOIR" du générateur HTML.
Vous avez maintenant deux paragraphes.
La balise
<P> génère un saut de ligne variable suivant le navigateur, c'est son inconvénient.
Il est tout à fait
possible de justifier le texte d'un paragraphe grâce à l'attribut
ALIGN (
pour plus d'information voir le glossaire ).
Allez a la ligne
Pour éviter les sauts de ligne, la balise <BR
> qui ne possède pas de balise de fin, est très utilisée.
Effacer le texte.
Copier-coller le texte et mettre à la fin <BR> et coller le texte une seconde fois.
Cliquez sur le bouton "VOIR" du générateur HTML.
Vous pouvez très bien insérer entre <P> et </P> une balise <BR>.
Filet horizontal
Je parle dans ce chapitre du filet horizontal, car il est très pratique pour séparer de chapitre, cela donne plus de clarté au document HTML.
Il est très utilisé aussi pour marquer la fin du document ou séparer des parties.
Exercice
Première étape :
Ouvrez le générateur de code HTML (Voir menu à droite de la page).
Seconde étape :
Copiez, collez du texte et taper <HR> (<HR> est une balise simple).
Voici du texte.
Infos
Vous pouvez lui donner toutes les couleurs que vous désirez.
Pour cela, il faut introduire l'attribut
TEXT dans la balise
<BODY> (
pour plus d'information voir le glossaire ).
Ce qui nous donne pour une couleur de texte blanc
<BODY text="#FFFFFF"> ou
<BODY text="White">.
Je mets à votre disposition les couleurs dites web qui sont des couleurs reconnues par Netscape et Explorer (
couleur).
Lisez bien la page des couleurs et testez ensuite.
Exercice
Ce petit exercice va vous familiariser avec les balises acceptant plusieurs attributs en même temps.Je désire un fond bleu et une couleur de texte rouge. Nous allons donc écrire :- pour le font bleu <BODY BGCOLOR="#0000FF">- pour le texte rouge nous allons rajouter l'attribut TEXT. Ce qui nous donne <BODY BGCOLOR="#0000FF" TEXT="#FF0000">. Ouvrer le générateur HTML et écrivez ce qui vous passe par la tête et visualiser.