Chapitre 1: Tout d'abord !

Il faut savoir quelques petits trucs avant de se lancer:

  • Vous pouvez utiliser des minuscules ou des majuscules indifféremment.
    <BR> , <br> ou <Br> produisent le même effet.

  • Les guillemets après le = peuvent être facultatifs. Mais certaines fois, ils sont obligatoires sinon votre page ne s'affichera pas correctement. Pensez-y !
    <FONT COLOR="yellow"> vaut <FONT COLOR=yellow>. Mais le premier est mieux.

  • Le plan d'une page html est celui-ci :
    <HTML> Montre au navigateur que le langage qu'il va lire est le html.
    <HEAD> C'est l'entête de la page où l'on met le titre, les balises metatags ou certains scripts JavaScript.
    <TITLE> On met le titre de la page. Le titre apparaîtra dans la barre de votre navigateur.
    </TITLE> On ferme le titre. Ce qui sera écrit par la suite ne fera donc plus parti du titre.
    </HEAD> On ferme l'entête.
    <BODY> C'est le corps de la page donc quasiment tout. C'est ici que l'on est écrit ce qui apparaît à l'écran donc ce que vous lisez.
    </BODY> On ferme le corps
    </HTML> On ferme la page. C'est fini.

  • Tous les codes se finissent par un slash(/).
    On a <html> et </html> ou <title> et </title>
    Certains sont facultatifs.
    <img> ou <br>, ou encore <hr> car leur action est instantanée et ne réagit pas sur un texte.

  • Tout ce qui est marqué entre les 2 parties du code (quand il y en a) subit ce à quoi le code correspond.
    Tout ce qui marqué entre <FONT COLOR="green"> et </FONT> sera écrit en vert.
    <FONT COLOR="green">Ceci est écrit en vert</font> mais pas cela.

  • Les codes sont souvent extensibles. C'est la caractéristique essentielle du html.
    Un simple <HR> peut devenir <HR SIZE="3" COLOR="blue" WIDTH="10%">.
    C'est très utile pour améliorer le graphique ou la lisibilité de la page, d'un tableau, ...
    Après on peut s'amuser à trouver les extensions par nous mêmes et parfois ça marche ! C'est ça le html.

  • Il ne faut pas oublier que si vous écrivez et appuyer sur "Entrée" il ne se produira pas la même chose dans le Bloc-notes ou autre éditeur et dans le navigateur. Dans Bloc-notes vous sauterez une ligne alors que dans le navigateur ce sera à la suite.
    je
    saute
    des
    lignes (sous Bloc-notes)
    
    je saute des lignes (sous le navigateur)

    Correction : Il faut marquer dans Bloc-notes:
    je<le code pour sauter des lignes>
    saute<le code pour sauter des lignes>
    des<le code pour sauter des lignes>
    lignes

    Ca y est, vous êtes prêt à vous lancer dans le chapitre 2.
    Toutefois si vous n'êtes pas sûr d'avoir tout compris ou si vous voulez, vous pouvez remplir le test.

    Amusez-vous bien !
    Accueil Faire le test du chapitre 1 Chapitre 2

    Explode ID: 11223

    Retourner en haut