Le texte - Cours HTML

Introduction

Info

Maintenant que vous savez insérer du texte dans un document HTML, nous allons étudier plusieurs éléments qui vont rendre votre page plus attractive.
Nous allons voir la couleur, la taille, la graisse (bold)... du texte.

Mettre en gras une portion de texte

Info

Pour mettre en gras le texte, il faut utiliser la balise <B> </B>.
Tout ce qui sera compris entre <B> et </B> sera en gras ( Voir les propriétés de la Balise HTML ).

A vous de tester avec le générateur HTML.

Mettre en Italique une portion de texte

Info

Pour mettre en Italique le texte, il faut utiliser la balise <I> </I>.
Tout ce qui sera compris entre <I> et </I> sera en Italique ( Voir les propriétés de la Balise HTML ).

Exercice

Nous allons mettre un texte en gras et en italique.
Tapez :
Exemple de code :
entre <I> une<B> phrase</B> quelconque </I>

Attention

Il existe des règles d'écriture HTML.
Une balise double, c'est a dire avec une balise de début et une balise de fin, ne peut contenir un seulement un debut ou seulement une fin de balise.
Mauvaise écriture :
Exemple de code :
entre <I> une<B> phrase quelconque </I></B>

Bonne écriture :
Exemple de code :
entre <I> une<B> phrase</B> quelconque </I>

Souligner une portion de texte

Info

Pour souligner le texte, il faut utiliser la balise HTML <U> </U>.
Tout ce qui sera compris entre <U> et </U> sera souligné ( Voir les propriétés de la Balise HTML ).

A vous de tester avec le générateur HTML.

Changer la taille de la police d'une portion de texte

Info

Pour changer la taille du texte, il faut utiliser la balise <FONT size="10pt"> </FONT>.
Tout ce qui sera compris entre <FONT size="10pt"> et </FONT> aura la taille de 10Pt ( Voir les propriétés de la Balise HTML ).

A vous de tester avec le générateur HTML.

Pour plus d'informations sur la balise consultez le glossaire HTML.

Exercice

Comme promis nous allons créer un titre de chapitre sans la balise <P> et <Hn> :

Incorporez entre <FONT size=" "> </FONT> le titre de votre chapitre (la taille de size est à votre choix).
Mettez un à trois <BR> suivant l'espace que vous désirez entre le titre et le paragraphe et copiez puis collez le texte (<BR> doit être après </FONT>).
Voici du texte.
vous pouvez même souligner votre titre.

Changer la couleur d'une portion de texte

Info

Pour changer la couleur du texte, il faut utiliser la balise <FONT color="red"> </FONT>.
Tout ce qui sera compris entre <FONT color="red"> et </FONT> aura la couleur rouge.

Pour plus d'informations sur la balise consultez le glossaire HTML.

Je mets à votre disposition les couleurs web.

Changer la police d'une portion de texte

A savoir

Avant tout, il faut savoir que si la police n'est pas sur l'ordinateur de la personne qui visionne votre page, elle se transformera en Arial ou Times qui sont les polices par défaut en général. Par conséquence, il vaut mieux utiliser une police classique tel que "Arial".
Si vous avez une police peu classique, utilisez un logiciel de dessin et transformez la en image gif.
Attention, cela ne s'applique pas à des paragraphes immenses.

FONT

Pour changer la police du texte, il faut utiliser la balise <FONT face="arial"> </FONT>.
Tout ce qui sera compris entre <FONT face="arial"> et </FONT> sera affiché en Arial.

Certain logiciel comme Dreamweaver propose une série de fontes à peu près similaires, ce qui permet au navigateur un plus vaste choix avant de se rabattra sur la police par défaut de l'ordinateur. ( dans certain cas, cela vous détruit votre page HTML )

Voici ces fontes :
Arial, Helvetica, sans-serif
Times New Roman,Times, serif
Georgia, Times New Roman, Times, serif
Verdana, Arial, Helvetica, sans-serif.

Prenons le premier jeu de fontes, si l'ordinateur de l'internaute n'a pas la police Arial, il essayera Helvetica et si cette dernière n'est pas présente, il prendra une police de type sans-serif.

A vous de tester sur le générateur de HTML.

Les caractères spéciaux

Définition

En HTML ou XHTML, vous devez remplacer les caractères spéciaux, c'est à dire les caractères accents, par exemple "é" s'écrit &eacute;, "à" s'écrit &agrave;.
Voir la table des correspondances
La balise HTML et XHTML B met un texte en gras.<B> </B> Exemple: Texte Cours Html : ...[Voir]La balise HTML et XHTML I met le texte en italique.<I> </I> Exemple : Vernet n'était pas un à embarras. Cours Html : ...[Voir]La balise HTML U souligne le texte.<U> </U> Exemple : Vernet n'était pas un à embarras. Cours Html : ...[Voir]La balise HTML FONT va vous permettre de spécifier le formatage du texte dans la balise (font, couleur, taille).<FONT> </FONT> Cours Html : ...[Voir]