.:: Cours html ::.






Etape 1     Etape 2     Etape 3     Etape 4     Etape 5     Etape 6    







::: ETAPE 1 :::


                <IMG SRC="?????.jpg"> = Ordre de mettre une image.


haut de page 





::: ETAPE 2 :::


        4 MOTS ;
                <HTML>    la fenêtre
                <HEAD>    la tête
                <TITLE>    le titre
                <BODY>    le corps du texte

haut de page 





::: ETAPE 3 :::


Nommer le : index.html (Type : html).

haut de page 




::: ETAPE 4 :::


haut de page 




::: ETAPE 5 :::




haut de page 




::: ETAPE 6 :::


    <BODY> ICI </BODY> ou des fois à la place de <BODY>   Ensuite répétez l'étape 5.
   
Essayez ces codes :
    Testez les codes (clickez en dessous sur lexique; traits; etc...).



Lexique | | Traits | | Couleurs | | Ecritures

Liens | | Images | | Affichage | | Autres codes


    Apprenez à copier et à coller les textes :

    Mettez en surbrillance le texte à copier. (avec votre souris, clickez étirez, relâchez).
    Tapez pour copier >>> Ctrl + C = copier

    Placez vous et clickez là où vous voulez le mettre. Tapez pour coller >>> Ctrl + V = coller


haut de page 




LEXIQUE



  - bgcolor : Définit la couleur du fond de l'écran.
  - text : Définit la couleur du texte.
  - link : Définit la couleur des liens.
  - vlink : Définit la couleur des liens déjà visités.
  - alink : Définit la couleur des liens activés,
      (quand le pointeur de la souris passe dessus).
  - background : Définit l'image (gif /jpg) à utiliser comme fond d'écran.
  - bgproperties : Définit comme "fixed", l'image de fond ne défile pas
      (uniquement avec I.Explorer).
  - leftmargin : Définit la largeur de la marge de gauche en pixels.
  - topmargin : Définit la largeur de la marge du haut en pixels.



      jpg/bmp = image           border (bordure)         gif = image (animée)  
      width (largeur)       height (hauteur)           avi = film
      mpeg = video         doc = word         xls = excel



Retour aux codes




TRAITS


    • Exemple de plusieurs traits ainsi que leur code source :

    <HR> Tirez une règle (trait).
    <HR WIDTH=300> Indiquez la largeur de la règle.
    <HR WIDTH=50%> Employez un pourcentage de l'écran
        (habituellement une meilleure idée).


    <HR WIDTH=50% SIZE=5> Pour ajouter une taille à la règle.
    <HR ALIGN=RIGHT WIDTH=60% SIZE=5> Pour aligner la règle.
    <HR WIDTH=150 color="blue" align=left> Pour la couleur de la règle.
    <HR WIDTH=200 color="#9999AA" noshade align=left>


        - left : Aligne le texte sur la marge de gauche
        - right : Aligne le texte sur la marge de droite
        - center : Centre le texte entre les marges
        - justify : Justifie le texte



Retour aux codes 




COULEURS


    • Les codes des couleurs :
ici.

        Couleur d'arrière-plan <BODY BGCOLOR="#FFAACC">
        Arrière-plan en image <BODY BACKGROUND="non_de_image.jpg">
        Couleur du texte <BODY TEXT="#FF0000">
        <Font color="FF0000"> Regardez, testez-le </Font>
        Couleur des liens <BODY LINK="#FF0000">
        Couleur des liens visités <BODY VLINK="#CCAACC">
        Liens actifs <BODY ALINK="#AA00AA">



    • Pour mettre plusieurs codes à la suite, Exemple :

        <body text="code_de_couleur" bgcolor="code_de_couleur"
        link="code_de_couleur" alink="code_de_couleur"
        vlink="code_de_couleur">




Retour aux codes




ECRITURES


    • Pour le caractère des écritures :

        <CENTER> Centre le texte ici </CENTER>
        <I> Met en italique le texte ici </I>
        <B> Met en gras le texte ici </B>
        <U> Souligne le texte ici </U>
        Pour aller à la ligne <BR>


    • Pour la taille des écritures :

        Très très Gros         <H1>Titre de niveau 1</H1>
        Très gros           <H2>Titre de niveau 2</H2>
        Gros               <H3>Titre de niveau 3</H3>
        Moins gros     <H4>Titre de niveau 4</H4>
        Moyen       <H5>Titre de niveau 5</H5>
        Petit       <H6>Titre de niveau 6</H6>
        <FONT face="Verdana" size=3> Texte ici </Font>
            face (la forme de l'éciture)
            size (taille des lettres).


Retour aux codes




LIENS




  • Lien sur page :
      <a HREF="autrepage.html">Lien sur page</a>

  • Lien sur un site :
    <a HREF="http://www.revolter.chez.tiscali.fr">Lien sur site</a>

  • Lien sur image :
    <a HREF="http://www.ciao.fr" target="_new">
    <img src="ciao.gif"></a>

  • Lien pour ouvrir une autre fenêtre :
    <A HREF="http://www.revolter.chez.tiscali.fr" target="top"> >
        Target=top <<< Ouvre une autre page. >>>

  • Lien sur mail :

    <a href="mailto:e@mail?subject=Sujet du mail">E-mail</a>


Retour aux codes




IMAGES



  • Pour mettre une image :

    <IMG SRC="nom_de_image.jpg"> Pour insérer une image.


  • Pour mettre une image et choisir sa forme :

    <img src="nom_de_image.jpg" width="250" height="150" border="8">
        border (la bordure).
        width (largeur).
        height (hauteur).



  • Pour mettre une image en lien :

    <A HREF="http://Revolter.chez.tiscali.fr"><IMG SRC="?????.jpg"></A>




Retour aux codes




AFFICHAGE


  • Pour aligner à droite ; gauche ; centrer ; justifier :
        <p> Paragraphe </p>
        <P ALIGN=CENTER>Texte ici au centre</P>
        <P ALIGN=LEFT>Texte à gauche</P>
        <P ALIGN=RIGHT>Texte à droite</P>
        <P ALIGN=JUSTIFY>Texte justifié</P>

  • Pour ajouter une liste commandée (de nombre) 1 2 3 :
        <OL>         <LI>du pain.
                          <LI>du vin.
        </OL>

  • Pour ajouter une liste non commandée (sans nombre) :
        <UL>         <LI>Red
                          <LI>Blue
        </UL>

  • Pour employer des lettres au lieu des nombres... A B C :
        <OL TYPE=A> </OL>


Retour aux codes


AUTRES CODES

    Défilement à droite ou à gauche pour Internet explorer.

        <MARQUEE DIRECTION="left" SCOLLAMOUNT="Valeur"
        SCROLLDELAY="Valeur"> Texte ici </MARQUEE>

    Pour aller en bas de la page et ou en haut :

    En bas :
        <A HRef="#bas"> Bas de page </A> << le mettre en haut
        <A NAME="bas"> << le mettre en bas

    En haut :(2 exemples)
        <A HRef="#haut"> Haut de page </A> << le mettre en bas
        <A NAME="haut"> << le mettre en haut

        <A href="#top"> haut de page</A> << le mettre que en bas
    Pour mettre une musique en boucle :
        <BGSOUND SRC="sound.wav" LOOP=INFINITE>

    Pour mettre une musique 31 fois :
        <BGSOUND SRC="hamster.wav" LOOP="31">

    Pour mettre une musique qui tourne tout le temps :
        <BGSOUND SRC="fichier_son" LOOP="n">
        </BGSOUND>

Retour aux codes