******************************************************************************** RESOODOC - HTML / HTML v.2006-01-05 -------------------------------------------------------------------------------- http://www.resoo.org/resoodoc/txt/html.txt -------------------------------------------------------------------------------- Ce document n'a ni la prétention d'être un cours complet d'HTML... il en existe déjà quantité d'excellents, ni celle d'être une liste exhaustive de la syntaxe de ce langage... pour cela consultez le site du W3 (voir les quelques liens en fin de document) Vous trouverez ici un petit pense-bête sur la syntaxe HTML, ou selon vos besoins, un apprentissage de base du langage. -------------------------------------------------------------------------------- 1 - La structure HTML de base : ------------------------------- Le titre de la page Le contenu de la page Le reste du document portera principalement sur la partie "Le contenu de la page" -------------------------------------------------------------------------------- 2 - Les 3 règles essentielles : ------------------------------- 1 - Pour écrire une page html, un simple éditeur de texte fera l'affaire. Par éditeur de texte, comprenez un logiciel n'apportant aucune modification au texte saisie (par ex. notepad sous windows) et non un traitement de texte (par ex. word sous windows) qui ajouterait à votre code des éléments de mise en page qui lui sont propre et qui parasiterait le code html. Il existe par ailleurs des éditeurs spécialisés html (ou des fonctions à l'intérieur d'un traitement de texte) permettant de créer du code html, mais le code généré de cette manière est bien souvent très confus à relire par un "humain" et n'est (à mon avis) pas recommandé pour apprentissage de base. 2 - la syntaxe html est composée de "tag" (par ex. dans l'exemple ci dessus les tag et ) qui de manière générale nécessite un tag de début () et un tag de fin ( - notez le "/" en plus) La nécessité de cette syntaxe est expliquée par un exemple concret, le tag permettant d'écrire en caractère italique: Le langage html me permet d'écrire en caractère italique, c'est beau. Dans cet exemple de code, le tag signifie "commence à mettre en italique à partir d'ici, et le tag signifie "arrête d'écrire en italique à partir de là. Si le tag était ommis, tout le document à partir du tag de début () serait mis en italique ?... mais la syntaxe serait incorrecte, et le résultat pourrait être aléatoire selon le navigateur utilisé par le visiteur de votre page. C'est donc à proscrire. Exception: de rares tags nont pas de tag de fin, mais ça peut se comprendre assez facilement par leurs fonctions (par ex.
:saute une ligne, ou
:trace un trait de séparation) qui sont à la fois le début et la fin de l'action désirée. Pour en finir avec la syntaxe des tags, sachez: - qu'ils s'écrivent indifféremment en majuscule ou minuscule (ex.:.. ou ..) - qu'il est généralement possible de les imbriquer ou de les enchevêtrer (ex.: ...... ou ......) (: mise en gras) - qu'ils peuvent comporter à l'intérieur du tag de début un ou plusieurs paramètres propres à chaque tag respectant la syntaxe (ex.: ) (les guillemets entourant la valeur ne sont pas nécessaire lorsque la ne comporte qu'un entier : WIDTH=480 SIZE=10 mais WIDTH="80%" SIZE="+2") Et tout est dit. Simple, non ? Un peu de pratique pour retenir les codes les plus féquemment utilisés et de bonnes habitudes d'écriture pour produire un code "propre" termineront rapidement l'apprentissage. 3 - toute mise en page produite par votre éditeur de texte (saut de ligne, tabulation,..) sera ignorée lors de l'interprétation du code (c'est à dire lors de l'affichage de votre page dans un navigateur). L'avantage majeur de cette particularité est de vous permettre d'écrire un code utilisant autant de sauts de paragraphe et de tabulations qu'il est necessaire pour l'aérer et le présenter. C'est la condition primordiale vous permettant par la suite de comprendre la structure de votre oeuvre, et de pouvoir la corriger ou la modifier. Cela implique donc qu'il faudra signaler à l'intérieur du code les sauts de paragraphe que vous désirez voir respectés (à moins qu'il ne soit inclus par défaut dans la syntaxe du tag (par exemple le tag

..

: paragraphe) Regardez pour l'exemple la structure HTML de base présenté en introduction de ce document. Pour encore un peu plus de lisibilité de votre code, il sera aussi possible d'inclure des commentaires (qui ne seront donc bien entendu pas affichés par un navigateur) en utilisant la syntaxe , par ex.: -------------------------------------------------------------------------------- 3 - Syntaxe commentée : ----------------------- -------------------------------------------------------------------------------- 4 - Conseils : -------------- -------------------------------------------------------------------------------- 5 - Autres : ------------ -------------------------------------------------------------------------------- 6 - Liens : ----------- -------------------------------------------------------------------------------- [ pascal blain - *pascal@resoo.org* - http://www.resoo.org/resoodoc/ ] ________________________________________________________________________________