Un maximum d'infos conseils pour écrire sous un éditeur de texte vos page WEB

Introduction

Le langage HTML (Hypertext Markup Language) est fondé sur le marquage de texte écrit en ASCII à l'aide d'un ensemble de codes de formatage. Les documents ainsi formatés peuvent être consultés sur les serveurs Web (World Wide Web, ou WWW) quelque soit la machine cliente (Mac, PC, stations UNIX...). Ce langage normalisé est un sous-langage du SGML (Standart Generalized Markup Langage).
Remarque: chaque logiciel de consultation Web interprétant les codes HTML à sa manière, de légères variantes sont possibles. Ainsi, certains logiciels graphiques mettront en valeur les titres en recourrant à une couleur et une police spécifiques, tandis que d'autres, fonctionnant en mode texte seul, se contenteront de les afficher en majuscules, dans un corps et une police analogues à ceux du document.

La création de document HTML se fait grâce à un éditeur de texte brut (Notepad sous Windows, BBEdit sur Macintosh, etc.) ou grâce à un éditeur spécialisé (Hot Dog, Hot Metal, Navigator Gold...). Un document HTML est crée pour être diffusé sur le WEB et visualisé sur un navigateur ou browser. Il sera traité ici principalement des marqueurs ou tags propre au langage HTML 4.0 et supérieur. Ces marqueurs sont inséré dans le corps du texte et vont généralement par paire: un marqueur de début et un marqueur de fin. Ces marqueurs sont délimité par les symboles < > pour le marqueur de début et </ > pour le marqueur de fin, de plus il peuvent être écrit indiféremment en majuscules ou en minuscules. Certains marqueurs de début peuvent intégrer des attributs multipliant leurs capacités.

Dans la suite du document, la présentation des TAGs se fera sous la forme de tableau conforme au spécification du DTD (Document Type Definition)

Exemple d'un document HTML de base:

En vert sont representés les TAGs optionelles
En orange les TAGs optionelles mais préférables pour la clarté du code source
En rouge les TAGs obligatoires et en noir le texte courant.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/PR-html40/strict.dtd"> > <HTML>  <HEAD>  <TITLE>1er Exemple de document </TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> <META NAME="GENERATOR" CONTENT="Mozilla/4.01 (Macintosh; I; PPC) [Netscape]"> <META NAME="Author" CONTENT="Christophe Merlet (RedFox)"> <META NAME="Description" CONTENT="No Description"> </HEAD> <BODY>  <H4 align=center>Exemple pour très novice</H4> Comme vous pouvez le constater par vous même, écrire un texte HTML sans éditeur de texte spécialisédevient trés vite "prise de tête". </BODY>
</HTML> 

Le resultat de ce texte quasiment illisible est:

Exemple pour très novice

Comme vous pouvez le constater par vous même; écrire un texte HTML sans éditeur de texte spécialisé devient trés vite "prise de tête".

Pour ceux qui pensent, à la suite de ce premier exemple, que le langage HTML n'est pas fait pour eux, il est encore temps de partir. Néanmoins il serait dommage d'avoir attendu pour télécharger ce fichier et de ne pas en profiter. Plonger vous sans plus attendre dans la lecture de ce document et n'oublier pas qu'un bonne apprentissage passe par la pratique. De plus, n'hésiter pas à analiser le code source de ces documents pour voir les TAGs en situation au sein d'un document complexe.

BON COURAGE

Voici le premier tableau d'une longue série. Comme pour tous les autres tableaux qui suivront, vous trouverez les informations suivantes:

La nature de sa présence au début et à la fin du passage à marquer.
Sa description avec eventuellement un exemple de ses effets.
La liste des attributs autorisés dans une case verte(ils modifient la façon dont le navigateur les interprétera) ainsi que le type de valeur associé.
La liste des entités autorisés dans une case rose.
A l'intérieur de quelles TAGs ou entité son emploi est autorisé.
Quelles sont les TAGs ou entité qu'il peut contenir.

TAG Présence: - obligatoire O optionnelle Description	(Contenu de l'élément)
Attribut Valeur
Entité Valeur

Avant d'aller plus loin dans l'exploration des TAGs HTML il est nécessaire de comprendre le contenu des tableaux et la signification des symboles.
Le tableau qui suit donne la signification des symboles contenu dans le champ "Contenu du modèle".

Indicateur d'occurence	Présence
* + ?	Quelconque (aucune le cas échéant) Quelconque (mais au moins une fois) Une fois ou aucune
Group connector	Signification
\| " &	Un élément du groupe doit exister Les éléments du groupe doivent être présentdans l'ordre précisé Les éléments du groupe doivent être présents, mais l'ordre importe peu

Des exceptions peuvent exister. Elles sont alors noté d'un signe "+" devant les groupes ou éléments autorisés et d'un signe "-" devant les groupes ou éléments interdits.

Ce tableau vous donnera la signification des valeurs des attributs.

Mot-clé

Signification

CDDATA
IDREF
NMTOKEN
NUMBER
#REQUIRED
#IMPLIED
#CURRENT

Toute chaîne de caractére est autorisé comme valeur de l'attribut
L'attribut doit représenter un pointeur vers un autre élément
Un name-token désigne une suite quelconque de caractéres alphanumériques
La valeur de l'attribut est un nombre quelconque
La valeur de l'attribut doit être précisé
La valeur de l'attribut n'est pas nécéssaire
Si la valeur de l'attribut n'est pas spécifiée, la dernière valeur affectée au même attribut du même élément est utilisé

Entités génériques
%ContentType "CDATA" -- media type, as per [RFC2045] %ContentTypes "CDATA" -- comma-separated list of media types, as per [RFC2045] %Charset "CDATA" -- a character encoding, as per [RFC2045] %Charsets "CDATA" -- a space separated list of character encoding, as per [RFC2045] %LanguageCode "NAME" -- a language code, as per [RFC1766] %Character "CDATA" -- a single character from [ISO10646] %LinkTypes "CDATA" -- space-separated list of link types %MediaDesc "CDATA" -- single or comma-separated list of media descriptors %URL "CDATA" -- a Uniform Resource Locator see [RFC1808] and [RFC1738] %Datetime "CDATA" -- date and time information. ISO date format %Script "CDATA" -- script expression FrameTarget "CDATA" -- render in this frame %Text -- render in this frame

PCDATA: Tout les caractères sont autorisés, y compris les entités ISO Latin-1 et les TAGs de formatages de textes (%text;).
CDATA: Seul les caractères SGML sont autorisés (a-z;A-Z)

Entités génériques
%head.misc "SCRIPT\|STYLE\|META\|LINK" -- repeatable head elements %heading "H1\|H2\|H3\|H4\|H5\|H6" %list "UL \| OL" %preformatted "PRE"

Character mnemonic entities
%HTMLlat1 PUBLIC "-//W3C//ENTITIES Latin1//EN//HTML" "http://www.w3.org/TR/PR-html40/HTMLlat1.ent" %HTMLsymbol PUBLIC "-//W3C//ENTITIES Symbols//EN//HTML" "http://www.w3.org/TR/PR-html40/HTMLsymbol.ent" %HTMLspecial PUBLIC "-//W3C//ENTITIES Special//EN//HTML" "http://www.w3.org/TR/PR-html40/HTMLspecial.ent"

Attributs génériques
%coreattrs
id ID #IMPLIED -- document-wide unique id class CDATA #IMPLIED -- space separated list of classes style CDATA #IMPLIED -- associated style info title %Text; #IMPLIED -- advisory title\amplification
%i18n
lang %LanguageCode #IMPLIED -- language code dir (ltr\|rtl) #IMPLIED -- direction for weak/neutral text
%events
onclick %Script; #IMPLIED -- a pointer button was clicked ondblclick %Script; #IMPLIED -- a pointer button was double clicked onmousedown %Script; #IMPLIED -- a pointer button was pressed down onmouseup %Script; #IMPLIED -- a pointer button was released onmouseover %Script; #IMPLIED -- a pointer was onto onmousemove %Script; #IMPLIED -- a pointer was moved within onmouseout %Script; #IMPLIED -- a pointer was moved away onkeypress %Script; #IMPLIED -- a key was pressed and released onkeydown %Script; #IMPLIED -- a key was pressed down onkeyup %Script; #IMPLIED -- a key was released


Christophe Merlet redfox@redfoxcenter.org	©Tous droits réservés 23 novembre 1997