Pour avoir un texte de page web bien aéré et clair, l'on peut utiliser les Balises de paragraphes. L'exercie se situe dans notre document HTML "test.html"
entre la Balise <BODY> et la balise de fermeture </BODY>. Nous reprenons le texte écrit précédemment en y ajoutant la Balise <P>.
<BODY>
Je suis en train de créer ma première page Internet.
<P>
Avec l'aide du cours de création de site web Arobasenet.
</P>
</BODY>
La Balise <P> indique un nouveau paragraphe. Ne jamais oublier de refermer cette balise avec </P>.
Une fois, pour l'exercice, que vous aurez saisi, puis enregistré ce code HTML, vous le visualisez dans votre navigateur Internet. A l'affichage
du texte, vous remarquerez qu'entre les deux lignes de texte, il y a une ligne blanche, donc 2 sauts de lignes entre la première ligne et la deuxième.
Par contre, en utilisant l'autre Balise de paragraphe <BR />, vous n'aurez qu'un seul saut de ligne. La deuxième ligne s'affichant juste en-dessous
de la première. Faîtes un essai dans votre page test.html en écrivant le code ci-dessous :
<BODY>
Je suis en train de créer ma première page Internet
<BR />
Avec l'aide du cours de création de site web Arobasenet.
</BODY>
Vous aurez certainement noté le slash "
/" à l'intérieur de la balise <BR />, ainsi qu'un espace entre ce slash et le BR. Pourquoi, me diriez-vous ?
Il existe certaines balises qui n'ont pas besoin de balise de fermeture comme nous l'avions vu plus haut. La balise <BR /> en fait partie.
A l'intérieur d'un texte HTML, pour séparer vos paragraphes, vous pouvez aussi utiliser, en lieu et place des balises <P> et <BR />, la
balise <HR /> qui vous tracera un trait (ligne) horizontal de séparation. Avec cette balise de séparation, l'on peut utiliser des attributs de
couleur, de taille, de largeur, d'épaisseur, etc.
Taille et style des caractères du texte
Effectivement, il existe aussi des attributs pour donner au texte de votre page web un style de votre choix. Ainsi, avec ces attributs de style,
vous pouvez rendre une partie du texte en gras, en italique, en grande taille, en petite taille, ou souligné. Avec même de la couleur si vous le
souhaitez. Voyons un peu quelques un de ces attributs de style :
<B>GRAS</B> =
GRAS
<i>ITALIQUE</i> =
ITALIQUE
<BIG>GRANDE TAILLE</BIG> =
GRANDE TAILLE
<SMALL>PETITE TAILLE</SMALL> =
PETITE TAILLE
<u>SOULIGNE</u> =
SOULIGNE
Toutes ces balises peuvent être utilisées dans plusieurs combinaisons possibles, les unes avec les autres. Par exemple :
<B><i><u>Tout le style que je veux</u></i></B> =
Tout le style que je veux
En cas d'utilisation de plusieurs balises dans une combinaison, sachez que la première balise ouverte sera la dernière à être fermée, la
deuxième balise utilisée sera l'avant-dernière à être fermée, ainsi de suite...
Les balises <BIG> et <SMALL> sont très peu utilisés. On leur préfère aujourd'hui les balise <Hn> ...</Hn>, le "
n" variant
de 1 à 5. Le 1 étant pour de plus gros caractères et le 5 pour de plus petits caractères. L'utilisation de cette balise vous donne automatiquement
des caractères en gras et provoque immédiatement un saut de ligne dans votre texte. Exemples :
<H1>Cours de création de site</H1> =
Cours de Création
de site
<H2>Cours de création de site web</H2> =
Cours de Création
de site web
<H5>Cours d'initiation HTML</H5> =
Cours d'initiation HTML
Vous obtenez le même résultat sur la taille des caractères en utilisant aussi la balise <FONT> avec l'attribut de votre choix. Avec la balise
<FONT>, l'attribut SIZE qui lui sera associé varie de 7 à 1. Le 7 étant pour de plus gros caractères et le 1 pour de plus petits caractères. Le
contraire de l'attribut de la balise <Hn>. Exemples :
<FONT SIZE="6">Apprendre le HTML</FONT> =
Apprendre le HTML
<FONT SIZE="4">Apprendre à écrire le HTML</FONT> =
Apprendre à écrire le HTML
<FONT SIZE="2">Apprendre avec le cours d'initiation au HTML</FONT> =
Apprendre avec le cours d'initiation au HTML
Mais retenez ce : la balise FONT s'utilise toujours avec un attribut soit de couleur (COLOR), soit de taille (SIZE) , soit d'alignement (ALIGN) que l'on peut combiner. Exemple :
<FONT SIZE="3">Apprendre à créer un site</FONT> =
Apprendre à créer un site
<FONT COLOR="#0000FF">Apprendre à créer un site web</FONT> =
Apprendre à créer un site web
<FONT COLOR="#0000FF" SIZE="4">Apprendre à créer un site web</FONT> =
Apprendre à créer un site Internet
Vous remarquerez que les paramètres des attributs SIZE et COLOR sont entre guillement(
").
Une dernière chose : si vous n'indiquez pas au navigateur où et comment afficher votre paragraphe, il l'affichera par défaut tout en haut à gauche de l'écran
d'ordinateur. Mais, vous pouvez utiliser la balise DIV pour aligner votre texte soit à gauche, soit à droite, soit au centre.
Suite de cet article :
Les listes.
Suivez-nous sur :
Facebook
Twitter
Google Buzz
Tumblr
FriendFeed
Youtube
Cliquez sur le bouton FeedBurner ci-après pour vous abonner à notre flux RSS :
|
Partagez cet article avec vos amis :
|
|
Veuillez
laisser un commentaire sur cet article dans l'espace prévu ci-dessous afin de partager votre point de vue.
Retrouvez d'autres articles sur Google, la création de site, l'optimisation, le référencement, le trafic web,
les mots clés, le nom de domaine et l'hébergement web à partir de notre sélection de liens dans notre
Plan de site.
