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 !
Explode ID: 11223
|