Mise en forme d'un texte

Pour commencer la mise en forme du texte commence par <p> et finit par </p>

Ces termes sont plus comunéments appelés "balises"

La lettre p signifie : Paragraphe

<p> Bonjour et bienvenue sur mon <u>site</u> </p> Le mot site sera souligné

<p> Bonjour et bienvenue sur mon <i>site</i> </p> Le mot site sera mis en italique

<p> Bonjour et bienvenue sur mon <b>site</b> </p> Le mot site sera mis en gras

<p> Bonjour et bienvenue sur mon <strike>site</strike> </p> Le mot site sera barrer .

<p align="center" ou "left" ou "right" ou "justify"> Bonjour et bienvenue sur mon

<b>site</b></p> Cette fois , la phrase sera centré , à droite, ou à gauche ou justifié .

Pour centrer des éléments , Tapez <center>Créer l'élément à centrer</center>

.

<p><font face="Courier New, Courier, mono">Bonjour et bienvenue sur mon site </font></P> Cette fois ci , la police de la phrase a été changé Il y a 2 polices car si la première n'est pas pris en compte , on a la deuxième en sauvegarde .

<p><font size="+1">Bonjour et bienvenue sur mon site </font></P> La taille de la

phrase a été augmenté de +1 , par rapport à la taille 10 .

Les termes BIG et SMALL permettent d'agrandir ou rétrécir une phrase .

EX: BONJOUR <big> et bienvenue sur mon site </big> alors <small>comment allez-vous aujourd'hui</small> .

Voici un tableau recapitultalif concernant les alignements :

  1. Les titres :

    2. Voilà comment il faut écrire en HTML, pour faire des titres.

    <h1></h1>

    <h2></h2>

    <h3></h3>

    <h4></h4>

  2. Pour créer des exposants ou des indices :
    3.

    Tapez respectivement <sub> ou <sup>, selon que vous souhaitez obtenir un indice ou un exposant .

  3. Pour utiliser du texte préformaté :

    4. Tapez <pre> , ensuite tapez vos commentaires , et pour finir </pre>

     

  4. Pour faire clignoter du texte :

    5. Tapez <blink> Saisissez le texte à saisie </blink>Attention ça ne marche que sous netscape .

     
  5. ARRIERE PLAN :

    6. <body background="*.jpg ou nom d’une image>

    Exemple d'image en background

    <body bgcolor="hexa ou nom de couleur en anglais">

    Voici une couleur d'arriere plan noir

  6. COULEURS NORMALES :

    7.  

  7. COULEURS EN HEXADECIMAL :

    8.

    #FFFFFF

    		  

    #8E236B
     

    #FF0000

    		  

    #32CD99
     

    #00FF00

    		  

    #3232CD
     

    #0000FF

    		  

    #6B8E23
     

    #00FFFF

    		  

    #EAEAAE
     

    #FFFF00

    		  

    #9370DB
     

    #000000

    		  

    #426F42
     

    #70DB93

    		  

    #7F00FF
     

    #5C3317

    		  

    #7FFF00
     

    #9F5F9F

    		  

    #70DBDB
     

    #B5A642

    		  

    #DB7093
     

    #D9D919

    		  

    #A68064
     

    #A62A2A

    		  

    #2F2F4F
     

    #8C7853

    		  

    #23238E
     

    #A67D3D

    		  

    #4D4DFF
     

    #5F9F9F

    		  

    #FF6EC7
     

    #D98719

    		  

    #00009C
     

    #B87333

    		  

    #EBC79E
     

    #FF7F00

    		  

    #CFB53B
     

    #42426F

    		  

    #FF7F00
     

    #5C4033

    		  

    #FF2400
     

    #2F4F2F

    		  

    #DB70DB
     

    #4A766E

    		  

    #8FBC8F
     

    #4F4F2F

    		  

    #BC8F8F
     

    #9932CD

    		  

    #EAADEA
     

    #871F78

    		  

    #D9D9F3
     

    #6B238E

    		  

    #5959AB
     

    #2F4F4F

    		  

    #6F4242
     

    #97694F

    		  

    #8C1717
     

    #7093DB

    		  

    #238E68
     

    #855E42

    		  

    #6B4226
     

    #545454

    		  

    #8E6B23
     

    #856363

    		  

    #E6E8FA
     

    #D19275

    		  

    #3299CC
     

    #8E2323

    		  

    #007FFF
     

    #238E23

    		  

    #FF1CAE
     

    #CD7F32

    		  

    #00FF7F
     

    #DBDB70

    		  

    #236B8E
     

    #C0C0C0

    		  

    #38B0DE
     

    #527F76

    		  

    #DB9370
     

    #93DB70

    		  

    #D8BFD8
     

    #215E21

    		  

    #ADEAEA
     

    #4E2F2F

    		  

    #5C4033
     

    #9F9F5F

    		  

    #CDCDCD
     

    #C0D9D9

    		  

    #4F2F4F
     

    #A8A8A8

    		  

    #CC3299
     

    #8F8FBD

    		  

    #D8D8BF
     

    #E9C2A6

    		  

    #99CC32
     

    #32CD32

    		  

    #E47833

     

  8. Pour insérer un saut de ligne :
    9.

    Tapez <BR> à l’endroit souhaité pour le saut de ligne

    Nota : Il n’existe pas de balise de fermeture BR

     

  9. Pour appliquer une couleur par défaut à un texte :
    10.

    Dans le marqueur BODY, saisissez TEXT

    Tapez = " #rrvvbb ", rrvvbb étant la valeur hexadécimal de la couleur correspondant à l’une des 16 teintes prédéfinis ou alors en Hexadécimal.

     

  10. Changez la couleur d’un texte :
    11.

    Avant le texte dont vous souhaitez modifiez la couleur, tapez <FONT COLOR

    Tapez = "#rrvvbb ", rrvvbb étant la valeur hexadécimal de la couleur désirée, ou " couleur ", couleur correspond àl’une des 16 teintes prédéfinies .

    Tapez le > final de la balise FONT

    Saisissez le texte à mettre en couleur .

    Tapez </FONT>

     

  11. Pour choisir une taille par défaut pour le corps du document :

    12. Tapez <BASEFONT.

    Saisissez SIZE= " n ">, étant le nombre compris entre 1 et 7.Il s’agit par défaut de 3, ce qui affiche la police dans la taille choisie par le visiteur dans la boîte de dialogue Préférences > Polices .

    Exemple :

    Après la balise <body><BASEFONT SIZE= " 5 ">

  12. Pour appliquer à un texte une police à chasse fixe :

    13. Si vous avez des codes informatiques, des URL ou d’autres caractéristiques que vous souhaitez différentier par rapport au texte principal, vous pouvez les formater au moyen d’une police à chasse fixe. Plusieurs balises apparaissent aini :

    Tapez <CODE>, <KBD>, <SAMP> ou <TT>.

    Saisissez le texte que vous souhaitez afficher dans une police à chasse fixe.

    Tapez </CODE>, </KBD>, </SAMP> ou </TT>.

    Signification des termes :

    <CODE> : Code informatique

    <KBD> : Saisie au clavier

    <SAMP> : Exemple de texte

    <TT> : Texte de Télétype

  13. Placer un commentaire :
    14.

    Ajouter des commentaires à une page HTML , tapez < ! dans ce document vous trouverez des informations !>, afin de terminer le texte commenté .

     

  14. Centrer des éléments sur une page :

Exemple : <center>Bonjour et bienvenue sur mon site, puis bla, bla, bla et ainsi de suite</center>Le texte positionné sur 2 lignes est aligné .

Retour au sommaire