L'HTML: LES BASES

L'HTML: qu'est-ce c'est ?




Partie 1: L'HTML, Syntaxe et utilisation

l'HTML est LE langage de programmation par excellence. Il est le seul dans son genre ( Le genre n'est pas à confondre avec celui du PHP ou du JavaScript ).
on va tout de suite voir la syntaxe et la définition de l'acronyme «HTML».
HTML, ou Hyper Text  Markup Language, est le langage officiel et obligatoire des sites web.
Il est l'«ossement» de chaque site, il est le squelette de la page, il est présent sur chaque page.
la syntaxe de l'HTML est celle-ci:
ps: Markup = balise, en anglais, car ce langage fonctionne par balise: voyez plutôt: 



                   <nom_de_la_balise>
                        texte, ou lien, ou ce qu'on va apprendre durant ce tutoriel.
                        </nom_de_la_balise>


vous avez peut-être eu du mal à comprendre, explication:
-on déclare une balise en l'appellant par son nom entre un < et un >. exemple:

 <blockquote>


-on la ferme en faisant la même chose, mais en rajoutant un / après le <. exemple: 

 </blockquote>



la syntaxe présentée est fonctionnelle en ce qui concerne les balises jumelles. Il existe pourtant d'autres types de balises:
les balises dites orphelines.

Les balises orphelines sont des balises qui n'ont pas d'ouverture ou de fermeture, mais donnent un ordre simple et d'un trait au navigateur:
meilleur exemple: la balise <br>,qui a pour fonction de faire sauter une ligne au navigateur: faites un clic droit sur cette page, et cliquez sur:

voir le code source de la page

et regardez plus haut :)
vous avez donc vu dans le code source, la balise <br> est écrite bizarrement: en effet, elle est écrite <br />.
c'est pour qu'elle rentre dans l'ordre du W3C. Vous devriez vous demander ce qu'est le W3C , non ?
le W3C est le validateur qui prouve qu'un site Web est validé, c'est à dire que chaque balise est existante, et pour que la balise <br> soit reconnue,
elle doit être écrite <br />. Chaque balise orpheline doit être à écrire de cette façon.
. par la même raison, les balises seront écrites en minuscules. en effet, le navigateur comprend les balises en majuscules, mais le W3C ne les
valide pas.



Partie 2: Premières utilisations de l'HTML

Ah, enfin ! notre première utilisation de l'HTML ! vous allez voir, l'HTML est très simple à comprendre, une fois qu'on à pigé le truc !
toutefois, il est possible que quelques notions d'anglais puissent vous aider avec les fonctions de l'HTML ( rien n'est indispensable toutefois ), car elles sont dans la langue de shakespeare !
on va voir le squelette de l'HTML, la base, la ou on écrit l'HTML. Vous aurez besoin de quelques choses:
-d'un éditeur de texte.
vous pouvez utiliser n'importe quel éditeur ! même le bloc-notes ! Je suis sur Mac, j'utilise le magnifique TextWrangler.
si vous êtes sous windows, vous pouvez utiliser le magnifique, le formidable, mon coup de cœur: NotePad++ Cet éditeur est vraiment Gé-Ni-Al ! si je n'étais pas passé sur mac, je ne parlerai même pas de TextWrangler...
-Un navigateur
ce serait débile de créer des sites sans pouvoir les tester...

Commençons !
je vous écris ici la base de chaque code HTML, puis nous analyserons chaque balise. 


   <!DOCTYPE html>
     <head>
             <title></title>
                <meta charset="utf-8"/>
           </head>  
                 <body>
          </body>
    </html>

analysons le code: tout d' abord, <!DOCTYPE html>. cette balise, appelée couramment le doctype, est la déclaration du langage utilisé, le premier élément sur une page web.

     mais tu avais dit que les balises devaient être en minuscule...     

Et j'avais raison ! Mais le doctype est l'exception, car on peut aussi déclarer la page en html avec une balise simple: <html> !
mais pour que le validateur W3C valide la page, elle doit être déclarée avec un doctype. Et le doctype est en majuscule. c'est assez compliqué, mais bon...
si la programmation était simple, ce serait chiant à faire...

- <head> : la balise head est spéciale: on met dedans des liens vers d'autres pages, comme des pages pour le CSS, le javascript...
entre autres, on met des infos sur la page, des utilisations... bref, pas la page web, quoi.

- <title> : cette balise est simple: le texte présent entre le début et la fin sera le titre de la page: il sera écrit dans le nom de l'onglet, et,
si vous référencez vos sites, c'est a dire vous les mettez sur un moteur de recherche, ce sera le titre de l'annonce.
(ex: si vous mettez <title>je teste</title>, le nom de l'onglet et de l'annonce google sera ' je teste ' .)

 - <meta> : la balise meta sert a déclarer l'encodage de la page. ici, c'est l'utf-8, le plus courant. on peut aussi coder nous mêmes les caractères spéciaux:
par exemple, le 'é' s'écrit, en non-codé, " &eacute; " ( sans les guillemets ). si rien n'est codé, les caractères spéciaux seront affichés bizarrement,
par exemple ' &®Â '... bref, que ce soir manuel ou en encodage avec la balise meta, il faut encoder la page.

-<body> : body, c'est la page. c'est ici que sera l'HTML qui constituera la page tel qu'on la voit depuis un navigateur. vous verrez plus tard,
quand on devra sélectionner toute la page en CSS, on sélectionnera la balise 'body'.