Bases

Tutoriaux, Sommaire Html

1. Retour vers le ....

    Changeons le contenu du corps de la page dans la forme ci-dessous, actuellement :
Salut tout le monde !
en
Salut tout le monde et bien que je n'ai pas grand chose à dire je le dirais tout de même.
Ligne suivante
encore une ligne suivante

    Copier ce texte de façon a avoir trois lignes, (avec retour à la ligne, touche entrée).
Si vous presser le bouton "Afficher la page" vous devez voir :

Salut tout le monde et bien que je n'ai pas grand chose à dire je le dirais tout de même. Ligne suivante encore une ligne suivante

    Le HTML ignore superbement les retours a la ligne, (touche entrée). Corrigez maintenant votre fichier comme suit :
Salut tout le monde et bien que je n'ai pas grand chose à dire je le dirais tout de même.<BR>
Ligne suivante<BR>
encore une ligne suivante

    Faites "Afficher la page"
    Corrigé


Code de la page:

     

   Note 1. Avec le tag <br> vous n'êtes pas obligé de faire un retour à la ligne, (touche Entrée), mais cela améliore la lisibilité de votre code
   Note 2. Le tag <br> ne comporte pas de tag de fin, (précédé par un /).


2.Attributs du texte, (taille, couleur, etc....)
     Nous pouvons modifier la taille du texte grâce au tags <font size=n> </font>, ou n varie de 1 à 7.
    Si nous écrivons,
        Bonjour <font size=5> tout le </font> monde
    Nous aurons,
      Bonjour tout le monde
    Les mots Bonjour et monde ont une taille par défaut équivalente a size=3. Le texte n'est changé qu'entre les tags <font></font>.
    Vous pouvez changer cette taille par défaut par l'instruction ;
    <Basefont size=n>, ce tag est unique pour une page Html, le tag précédent fera que tout texte dont la taille n'est pas précisé sera en taille n, (n valant de 1 à 7).
    Exercice, (écrivez le code dans la forme ci-dessous entre les tags <body> </body>),
        Ecrire le mot Bonjour sans préciser la taille puis dans des tailles de 1 à 7, faire un retour à la ligne pour chaque changement de taille.
 Corrigé
Code de la page:

     

    Nous avons vu que quand nous ne précisons pas la taille du texte celui ci à une valeur par défaut de 3, nous pouvons indiquer la taille d'une portion de texte par rapport à cette valeur par défaut. Si nous écrivons <font size=+1> nous indiquerons que la valeur passe à 4, pour <font size=-2> la valeur passe à 1.
     Attention vous êtes toujours limité au valeurs de 1 à 7, des valeurs supérieurs ou inférieurs seront ramenées respectivement à 7 ou à 1.
   Exercice, (écrivez le code dans la forme ci-dessus entre les tags <body> </body>),
        Le code,
            <font size=n>Bonjour</font>
        ou n prend les valeurs de -2 a +4, (si vous ajoutez 3 à cette plage de chiffre vous trouvez des valeurs de 1 à 7), faire un retour à la ligne pour chaque changement de taille.
    Corrigé
    Observation.

3.Couleur.
   Nous pouvons fixer la couleur du texte par le tag,
        <font color= >
    Nous avons deux façon d'indiquer la valeur de la couleur, soit en employant un nom, (en anglais), ou par une valeur chiffrée.
    Par nom ;
                 Ces noms de couleur sont correctement interprétées par lesPar exemple Internet Explorer, Netscape ou Opéra navigateurs.
aqua   navy  
black   olive  
blue   purple  
fuchsia   red  
gray   silver  
green   teal  
lime   white  
maroon   yellow  

    Syntaxe ;
        <font color=red>Bonjour</font>
    Nous donnera ;
        Bonjour
   Exercice, (écrivez le code dans la forme ci-dessous entre les tags <body> </body>),
        Le code,
            <font color=NomdeCouleur>Bonjour</font> ou NomdeCouleur sera remplacé par des couleurs du tableau ci-dessus.
            Corrigé (couleur teal)

Code de la page:

     

    Par valeur chiffrée,
        Là, vous avez deux solutions, vous connaissez le codage RGB en Hexadécimal ou  vous avez/allez suivit/suivre le module Logique et binaire ou,
        Vous choisissez dans une liste comme celle ci-dessous une équivalence chiffrée, en sachant que la syntaxe est alors ;
    <font color="#FFFFFF"> ou FFFFFF, (blanc), sera remplacé par une valeur de la liste.
  
Copier la valeur numérique Valeur numérique  
Blanc #FFFFFF .
Rouge #FF0000 .
Rose #FF8080 .
Vert #00FF00 .
Aquamarine #70DB93 .
Vert clair #08FF80 .
Bleu #0000FF .
Bleu clair #80FFFF .
Magenta #FF00FF .
Magenta clair #FF80FF .
Cyan #00FFFF .
Jaune #FFFF00 .
Jaune clair #FFFFC0 .
Gris clair #C0C0C0 .
Gris foncé #7F7F7F .
Noir #000000 .

    Vous pouvez trouver un ensemble plus complet de couleurs, dans  Palette de couleur. Cette palette apparaît dans une fenêtre supplémentaire dans le Navigateur.
    Exemple, texte en bleu,  #0000FF dans le tableau ci-dessus ;
        <font color=#0000FF>Bonjour</font>
    Nous donnera ;
        Bonjour
   Exercice, (écrivez le code dans la forme ci-dessus entre les tags <body> </body>),
        Le code,
            <font color=#Chiffre>Bonjour</font> ou Chiffre sera remplacé par une des valeurs des couleurs du tableau ci-dessus.
            Corrigé (couleur gris foncé )

4.Couleur de fond de page.

    On peut utiliser les mêmes couleurs pour changer la couleur de fond de page, (background color), ceci se passe dans le tag Body
    Dans la forme ci-dessous changer la ligne <Body>
        En <Body Bgcolor=blue> ce qui vous donne un fond bleu.
    Corrigé
    Exercice, essayer diverses couleurs de fond en utilisant les noms de couleurs du paragraphe précédent.
Code de la page:

     
 
 
Sommaire
Précédent Suivant