guide francophone de l'internet pratique
INTERNET PRATIQUE Accueil | Guide internet | Accès internet | Téléphonie | Pages perso | Music | Annuaire
     
 
Recherche sur le site

 
conception
 site internet :
 - présentation
 - code hexadécimal
 - les couleurs
 - balises - images
 - fonte - caractères
 - document html
 - paragraphes
 - tables - tableaux
 - écrans - pages
 - exemple de page
 formulaire
 

promotion
 promotion
 référencement
 

services
 testes et outils
 moteur recherche
 

 
cliquez pour visiter et vous inscrir sur le site clictrafic
Accueil > Site web > conception : paragraphes
 
Exemple 2 : - Listing no 2 :
Attention : Si vous désirez reproduire le code de ce listing, vous devez le réécrir. Ne faites pas du copier/coller, l'affichage ne sera pas correcte.
 

<html>
<head>
<!-- Ceci est un commentaire qui sera ignoré par le navigateur lors de
l'affichage. Notez les caractères qui le délimitent.
Voici maintenant ceux qui mettent fin à ce commentaire -->
<title>Mon beau titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#AFAFD0">
<!--
Plus d'un espacement et retours chariot n'étant pas pris en compte
par le navigateur, nous allons nous en servir pour décaller les lignes de
ce paragraphe de façon à ce qu'il soit plus lisible et compréhensible. -->

<p align="center">
  <font face="Verdana" size="4" color="#000000">
    <b>
Voici mon deuxieme document en html.</b><br>
    <!-- La balise "br" force le navigateur à faire un saut de ligne. -->
    <font size="2" color="#0000FF">
    <!-- Ici la 1ere balise "font" n'étant pas fermée, les caratères seront
    toujours de type Verdana, seules la taille et la couleur changent. -->
      Deuxieme ligne en caracteres <b>rouges</b> et de <b>taille 2</b>.</font>
  </font>
</p>

<p><font face="Arial" size="2">
Dans ce paragraphe aucun alignement n'est specifie, le navigateur
applique alors son alignement par defaut, c'est a dire a gauche.<br>
Les caracteres sont de type Arial legerement differents et plus
compactes que les caracteres Verdana du premier paragraphe. La couleur
n'est pas specifiee, le noir qui est la couleur par defaut du texte est
applique.<br>A noter aussi que le navigateur, s'il ne trouve pas de
balise br, il ne revient pas a la ligne avant d'atteindre la fin de
l'ecran ou de la cellule d'une table. Il ne tient donc pas compte des
retours chariots dans le fichier html source.</font>
</p>

<p><font face="Arial" size="2">
Un autre paragraphe pour comparer Arial et Verdana :<br>
Cette ligne est en caracteres Arial de taille 2.</font><br>
<font face="Verdana" size="2">
Cette ligne est en caracteres Verdana de taille 2.</font></p>

</body>
</html>
 

   
 
Ci-contre, l'affichage du code ci-dessus tel qu'il appaîtra à l'écran.

Voici mon deuxieme document en html.
Deuxieme ligne en caracteres bleus et de taille 2.

Dans ce paragraphe aucun alignement n'est specifie, le navigateur applique alors son alignement par defaut, c'est a dire a gauche.
Les caracteres sont de type Arial legerement differents et plus compactes que les caracteres Verdana du premier paragraphe. La couleur n'est pas specifiee, le noir qui est la couleur par defaut du texte est applique.
A noter aussi que le navigateur, s'il ne trouve pas de balise br, il ne revient pas a la ligne avant d'atteindre la fin de l'ecran ou de la cellule d'une table. Il ne tient donc pas compte des retours chariots dans le fichier html source.

Un autre paragraphe pour comparer Arial et Verdana :
Cette ligne est en caracteres Arial de taille 2.
Cette ligne est en caracteres Verdana de taille 2.
 

 

On remarque que les balises et commentaires ne sont pas affichés. Les balises indiquent seulement au navigateur ce qu'il doit faire.
La couleur du fond de l'écran est indiquée dans la balise <body> par l'attribut "bgcolor" qui vient des mots anglais : "Background color" (couleur d'arrière plan).

Dans un même paragraphe on peut utiliser plusieurs styles, tailles et couleurs de caractères. A remarquer aussi l'espacement qui apparaît automatiquement entre les paragraphes.
 


   
Augmentez Automatiquement votre trafic visiteurs avec AutoTraffic.net
   
   Pour nous écrire : e-mail - le formulaire - notre livre d'or - le forum
Hit-Parade  
 © 2000 - 2001 tous droits réservés 0franc.free.fr
Les logos, marques et marques déposées sont la propriété de leurs détenteurs respectifs.
0franc.free.fr s'est engagé à respecter la confidentialité des données personnelles régies par la loi 78-17 du 6 janvier 1978.
Déclaration C.N.I.L. no 732098.