Le code HTML

Cesi est un topic completement serieux, que je fais pour aider ceux qui veulent essayer le HTML, et la raison de ce topic est que plusieures personnes m'en ont parlé et demandés des questions.
Bon, je vais donc ecrire un petit tutorila, au cours duquel j'expliquerais comment
- on formate un texte
- oninsert une image
- on fait un lien
- on fait des "parties" quand on fait un site
et par la suite peut etre plus.

J'acompagne ce topic d'un sondage pour m'informer sue le connaissances en HTML des francais de 15 ans^^.

[EDIT] Voila c'est ca du serieux. Je suis fier de toi Alex.




Le HTML veut dire Hypertext Markup Language, de l'anglais biensur.

Les codes HTML peuvent etre edités par des editeurs HTML de toutes sortes.
Si vous voulez en trouver, allez voir ICI.
Un texte en HTML est composé de deux parites,
le code
et le texte(ou images, films, etc.) qu'on peut voir apres.

Voici n exemple de HTML:

<p><font face="Exocet" size="5"><u> Voici le texte </font></u></p>

La parite en rouge, c'est le code, et le noir, c le texte qu'on peut voir apres(par ex sur un site).
Le texte sera changé en fonction de ce qu'on a mi dans le code.

Vous avez peutetre remarqué que le code est divisé en deux parties:
- <...>
- </...>
La premiere indique le commencement, et la deuxieme la fin du code.
Voici un code plus long:

<p><font face="Arial Black" size="4" color="#FF0000"><b><u>Titre</font></p></u>
<p><font face="Times New Roman>le texte...</font></b></p>

Dans le code, il y a de nouvau differentes parties:
- le code
- les "infos" du code (partie en bleu)
<font size="5">blabla</font>
la partie bleu precise donc les parametres. Dans ce cas la, font size dit qu'on veut changer la taille de l'ecriture, et le 5 dit qu'on veut la taille 5. les infos comme ca (donc comme le 5) sont toujours ecrites comme ca: <code>

.
Bon, c tout pour l'introduction.

Changer la couleure la taille et la polis d'une écriture se fait par un seul code:
<font ...>
font (anglais) veut dire écriture




-->
pour changer la taile, on rajoute
size="..."

pour changer la couleure, on rajoute
color="..."

pour changer la polis, on rajoute
face="..."

Les trois peuvent etre combinés sans ordre de suite, dc par exemple comme ca:
<font face="..." size="..." color="...">




-->
Pour l'ecriture, il faut rajouter le nom de la polis, par ex Times New Roman
ex: <font face="Times New Roman">
ou <font face="Arial Black Narrow">

Pour la taille il faut rajouter un chiffre, donc par ex 5.
ex: <font size="5">
ou <font size="16">

Pour la couleure, c plus compliqué, il existe tt un code special, que je vais décrire et expliquer ds le prochain chapitre.

Le code couleur est une suite de 6 symboles, chiffres ou lettres.
Il est précédé de #.
Par ex. #FF0000 (rouge standard)




ceux si sont a connaitre:
- #FF0000 (rouge standard) ex: exemple
- #FFFFFF (blanc) ex: exemple
- #000000 (noir) ex: exemple
- #0000FF (bleu standard) ex: exemple
- #00FF00 (vert standard (clair)) ex: exemple




Dans un code HTML, ca se présente de cete facon:
<font color="code">
ex.: <font color="#FF0000">

[edit necros] Les deux premiers symboles indiquent en fait la teneur en rouge, les deux qui suivent la teneur en bleue, et les deux derniers en jaune.

L'insertion d'une image peut se faire ds plusieures contexts.
regardons le cas général:

<img border="..." src="file:///.../" width="..." height="...">

img border: le cadre autour de l'image, pour avoir une image tte normale, on met "0"
ex: <img border="0" ...>

src="file:/// lien de l'image /" ici on met dc le lien
ex: src="file:///http://www.necros-blood.de.vu/back.jpg/"
ou: src="file:///C:/images/images surf/mega_tube.gif/"

comme vous voyez, le lien doit soit indiquer une image sur le net, ou alors sur votre ordi.

width indique la lageur, et height la hauteur
ex: ... width="100" height="200" ...
ceci donne une image 100x200 pixel



essayons une image complete:

<img border="0" src="file:///C:/images persos/images pingouins/empereur.bmp/" width="200" height="400">

L'insertion d'un lien est simple.
on ecrit le code suivant:
<a href=" ...lien... "> blabla </a>

vous ajoutez le lien la ou il y a ...lien... et ca y est!

Tout ce qui est entre <a href="..."> et </a> fait partie du lien, c.a.d. aussi les images!!!
ex: <a href="http://www.guildwars.com/"><img border="0" ... ></a>
Dans ce cas, l'image a come lien le site de guild wars, autrement dit, quand on clique dessus, on acede a guild wars(au site).