_
[Sommaire]
Programmation HTML
Le langage HTML (Hyper Text Markup Language) est le langage utilisé pour créer des pages web. La version actuelle, HTML 3.2, va bientot laisser place au HTML 4.0, qui integre de nouvelles fonctions. C'est un langage de commandes, assez simple d'emploi.
Pourquoi apprendre HTML ?Ca n'a rien d'indispensable ! Tous les (bons) éditeurs HTML génèrent eux-même le code correspondant à ce que vous voulez afficher sur la page. Pas besoin pour commencer, de se plonger dans un aride manuel de programmation HTML, et d'apprendre par coeur toutes les commandes. En revanche, une fois que vous maîtriserez toutes les fonctionnalités de votre éditeur, vous vous rendrez sans doute compte qu'il y a parfois un décalage entre ce que vous voulez faire, et ce qu'il accepte de faire. A ce moment, et seulement à ce moment, il peut être utile de se plonger dans le décryptage du code généré !
A quoi ca ressemble ?Pour comprendre comment fonctionne le code HTML, examinons le source d'une page :
Cette page simplissime affiche "Bonjour !" dans une page orange (la couleur de ce site). Si vous n'avez que ça à faire, tapez ce listing dans le notepad, enregistrez-le au format ".html", et ouvrez la page dans votre navigateur.
On remarque tout d'abord que toutes les commandes (ou balises) sont entre-crochets ( inférieur et supérieur). Les balises éxecutent une action, ou précisent un attribut d'un objet. On place donc la balise de début avant les objets concernés, et la balise de fin après (logique !). Dans la balise de fin, le texte de la commande est précédé du caractère /. Dans l'exemple, la balise <CENTER> indique que le texte ou les objets qui suivent doivent être centrés horizontalement, et la balise </CENTER> indique la fin du centrage.
On notera ensuite que le code est structuré en 3 parties :
* HTML : les balises de début <HTML> et de fin </HTML> encadrent le code : on commence par là, et on finit par la !
* HEAD : c'est l'en-tête de la page. On peut y préciser le nom de l'auteur, les mots-clés permettant d'indexer la page, mais surtout son titre -balise TITLE-, celui qui s'affichera en haut de la fenêtre du navigateur (sur la page que vous lisez, le titre est "Créez votre site : Programmation HTML". C'est également ce titre qui sera retenu par les signets ou favoris.
* BODY : la balise BODY désigne le corps de la page, qui contient tout le code. Dans la balise elle-même, on précise les attributs généraux de la page : couleur de fond, police de caractère,etc...
Pour nous résumer, cette première page a pour titre "exemple", a une couleur de fond orange dont le code est FFCC33, et affiche "Bonjour !" après 6 lignes vierges, centré horizontalement. Limpide, non ?
On connait donc les balises HTML, HEAD, BODY, TITLE, CENTER, BR (saut de ligne), ainsi que BGCOLOR, qui, inséré dans la balise BODY, permet de spécifier la couleur de fond (BackGround Color).
On continue ?Ici, 2 possibilités :
- On oublie tout, et on confie cette tache ingrate à un bon éditeur HTML !
- On en veut, no pain no gain, on s'y colle sérieux !
Alors direction le cours de HTML - euh...pas tout de suite, je bosse encore dessus :-(
