Webinnov - HTML : Le Texte

HTML - Le Texte

Chapitres :

01 - Introduction :
02 - Mettre en gras une portion de texte :
03 - Mettre en italique une portion de texte :
04 - Souligner une portion de texte :
05 - Changer la taille de la police d'une portion de texte :
06 - Changer la couleur d'une portion de texte :
07 - Changer la police d'une portion de texte :
08 - Les caractères spéciaux :

01 - Introduction :

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.

Haut de page

02 - Mettre en gras une portion de texte :

Pour mettre en gras le texte, il faut utiliser la balise  . Tout ce qui sera compris entre  et  sera en gras.

Voir le code :

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
Votre phrase ici
</BODY>
</HTML>

Haut de page

03 - Mettre en Italique une portion de texte :

Pour mettre en Italique le texte, il faut utiliser la balise  . Tout ce qui sera compris entre  et  sera en Italique

Voir le code :

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
Tapez une phrase quelconque 
</BODY>
</HTML>

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 :

entre une phrase quelconque

Bonne écriture :

entre une phrase quelconque

Haut de page

04 - Souligner une portion de texte :

Pour souligner le texte, il faut utiliser la balise HTML  . Tout ce qui sera compris entre  et  sera souligné

Voir le code :

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
Votre phrase ici
</BODY>
</HTML>

Haut de page

05 - Changer la taille de la police d'une portion de texte :

Pour changer la taille du texte, il faut utiliser la balise  . Tout ce qui sera compris entre  et  aura la taille de 10Pt

Voir le code :

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
Votre phrase ici
</BODY>
</HTML>

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

Voir le code :

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
Webinnov
 
 
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis. Eros
Et Accumsan dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis
eleifend option congue nihil imperdiet doming id quod mazim.
Nos arsapiente delectus au aut prefer endis dol tene sententiam, quid
est cur verear ne ad eam nc quos tu paulo ante memorite tum etia ergat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
zzril delenit augue. Lorem ipsum dolor sit amet, consectetur adipisci tempor incidunt ut
labore et dolore magna aliqu atib saepe eveniet ut er reupdiand sint.
Endiumagist and et dodecendesse videantur, iustitiam, aequitated fidem.
Neque hominy infant efficerd possit duo contend notiner si effecerit.
Natura proficis facile explent sine julla unura aute enim desiderable.
Nam liber tempor cum soluta nobis eleifend option congue nihil. Nos
arsapiente delectus au aut prefer endis dol. Ilxrepudiand sint et molestia
tenetury sapiente delctus au aut prefer endis dol. Endiumagist and et
dodecendesse videantur, iustitiam, aequitated fidem. Neque hominy infant
efficerd possit duo contend notiner si effecerit. Natura proficis facile
explent sine julla unura aute enim desiderable.
</body>
</BODY>
</HTML>

Haut de page

06 - Changer la couleur d'une portion de texte :

Pour changer la couleur du texte, il faut utiliser la balise  .
Tout ce qui sera compris entre  et  aura la couleur rouge.

Voir le code :

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
Webinnov
</BODY>
</HTML>

Je mets à votre disposition les couleurs web.

Haut de page

07 - Changer la police d'une portion de texte :

Pour changer la police du texte, il faut utiliser la balise  .
Tout ce qui sera compris entre  et  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 )

Voir le code :

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
Webinnov
</BODY>
</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.

Haut de page

08 - Les caractères spéciaux :

En HTML ou XHTML, vous devez remplacer les caractères spéciaux, c'est à dire les caractères accents, par exemple "é" s'écrit é, "à" s'écrit &grave;.
Voir la table des correspondances

Voir le code :

Standard :

ASCII (American Standard Code for Information Interchange) permet à l'ordinateur qui ne comprend que des nombres d'associer une représentation numérique (un code ASCII) à un caractère.

CODES ASCII

	espace insérable	¶	¶	Ì	Ì
¡	¡	·	·	Í	Í
¢	¢	¸	¸	&Icirc	Î
£	£	¹	¹	Ï	Ï
¤	¤	º	º	Ð	Ð
¥	¥	»	»	Ñ	Ñ
¦	¦	½	½	Ò	Ò
§	§	¼	¼	Ó	Ó
¨	¨	¾	¾	Ô	Ô
©	©	¿	¿	Õ	Õ
ª	ª	À	À	Ö	Ö
«	«	Á	Á	×	×
¬	¬	Ã	Ã	Ø	Ø
		Â	Â	Ù	Ù
®	®	Ä	Ä	Ú	Ú
¯	¯	Å	Å	&Ucirc	Û
°	°	Æ	Æ	Ü	Ü
±	±	Ç	Ç	Ý	Ý
²	²	È	È	Þ	Þ
³	³	É	É	ß	ß
´	´	Ê	Ê	þ	þ
µ	µ	Ë	Ë	ÿ	ÿ
à	à	ê	ê	ô	ô
á	á	ë	ë	ö	ö
â	â	ì	ì	÷	÷
ã	ã	í	í	ø	ø
ä	ä	î	î	ù	ù
å	å	ï	ï	ú	ú
æ	æ	ð	ð	û	û
ç	ç	ñ	ñ	π	π
è	è	ò	ò	&dagger;	†
é	é	ó	ó	&	&
&euro	€	<	<	>	>
"	"	÷	÷

Haut de page