HTML : HyperText Mark-up Language : Langage de marquage hypertexte
Langage permettant de structurer les informations d'une page Web, en utilisant des balises placées aux endroits opportuns.

Syntaxe
Les commandes html sont appelées "balises" ou en anglais "tags".

Ces balises sont écrites les unes à la suite des autres, en texte clair, dans un éditeur tel que "notepad" ou dans un programme dédié à ce langage comme par exemple cse-html-validator ou html-kit.
Les balises encadrent le contenu du site pour lui donner forme, en respectant une certaine hiérarchie.

Il n'existe pas de boucles ou de structures de saut, le langage HTML n'est pas un langage de programmation, mais de "mise en page". Dans une balise, des paramètres de mise en forme assez étendus permettent de formater textes, tableaux et images.

Malheureusement les navigateurs interprètent différemment certains détails du code HTML !
Vous constaterez rapidement qu'il y a couramment des différences. Parfois sur des détails et d'autres fois sur l'essentiel de la page !

Certaines balises spécifiques à un navigateur, ne sont pas interprétées par un autre navigateur. C'est pourquoi il est utile de tester vos pages dans différents navigateurs : Netscape 4.7, 7.0, IE 5.0 mac, 5.0 PC, 6.0 PC, Safari mac, Opéra, Mozilla, etc.

Normes HTML - XHTML ?
Le langage HTML est dans une phase d'évolution importante !

Depuis 1998, le standard HTML 4.0 est officiellement en vigueur. Mais le lancement de XHTML en 2000, remet déjà en question certains éléments du HTML 4.0. C'est un bien fait, car dans le XHTML les fantaisies d'écriture du code ne sont plus autorisées. Ignorer les minuscules, les majuscules et guillemets n'est plus possible.

Toute la problématique "Iexplorer-Netscape", qui a pour conséquence d'afficher différemment une page html dans l'un ou l'autre de ces navigateurs, est due à cette fantaisie du HTML et au non-respect des règles établies par le w3c

C'est donc dans le but de devenir plus fiable, que le langage HTML se mue tranquillement vers un langage plus strict. Cette évolution, c'est le langage XHTML. Tout en réutilisant les balises du langage HTML 4.01, le XHTML imite le XML dans son côté strict.

Avec cette volonté d'écrire un code XHTML propre qui peut être validé, nous aurons la certitude que ce que l'on aura écrit se présentera correctement dans toutes les applications développées pour cette norme. C'est déjà le cas pour le XML 1.0 que vous étudierez ultérieurement.

Prenez note que nous vivons une phase de transition qui ne permet pas de rendre le langage XHTML aussi précis que le XML. Vous obtiendrez toujours des différences d'interprétations dans les divers Navigateurs qui ne respecte pas le côté stric du langage... Car les navigateurs doivent être compatibles avec les anciens sites internet et le langage XHTML doit être compatible avec les navigateurs récents !
Se problème empêche une évolution radicale...

Mais, il n'est pas impossible que tout cela change un jour et qu'il faudra réécrire les pages des anciens sites aux normes XHTML. Ce jour venu, il y aura du pain sur la planche ;-)

En 2003 n'hésitons pas un instant
a) Prenons l'objectif d'apprendre le standard HTML 4.01 encore très présent. Il nous sera utile pour comprendre la construction et entreprendre la maintenance des sites montés à cette norme.
b) Mais en vue de l'avenir, il est préférable de prendre le bon pli : adoptons les normes XHTML pour monter nos nouveaux projets, pour corriger d'anciens projets devant répondre à cette nouvelle norme.

Adopter le XHTML nécessite de respecter une syntaxe stricte en vue d'éliminer l'interprétation personnelle et fantaisiste des applications qui lisent ce code. Ces règles strictes seront étudiée durant ce cours.

Pour plus de précisions, rendez-vous sur le site qui établit les normes XHTML, le w3c

Le W3C établit également les règles de divers autres langages (html, xhtml, xml, css).

Vous pouvez valider vos pages à cette adresse : http://validator.w3.org
Soit directement dans un programme tel que CSE HTML VALIDATOR ou HTML KIT

Extensions et noms de fichiers HTML et XHTML
L'extension *.htm, plutôt que *.html, permet de s'aligner sur les normes les plus courantes (extensions de trois lettres). Toutes les installations récente (2002) la reconnaissent comme étant une page web.

Certaines anciennes configurations MAC ne reconnaissent pas d'office les fichier *.htm comme étant associées aux navigateurs. Certains anciens serveurs Microsoft ne reconnaissent pas l'extension de quatre lettre *.html ! Ce problème (octobre 2003), est de plus en plus rare et les deux extensions devraient pouvoir s'utiliser sans soucis.

Les fichiers html (*.htm ou *.html) contenant les instructions sont interprétés par des navigateurs, dont les plus connus sont Netscape et Internet Explorer. Pour la sauvegarde des fichiers html utilisez au maximum 32 caractères non accentués et sans caractères spéciaux (nous verrons les caractères au chapitre des tables "ascii"), mais de préférence 10 caractères pour une lecture plus aisée des URL (adresse).

Arborescence
Classez tous les fichiers du site (pages et ressources) dans un même dossier organisé en plusieurs autres sous-dossiers. En principe, un site se conçoit et s'organise sur papier. L'arborescence est un sujet important (voir les fichier "exercice et exemple arborescence" à télécharger dans la section download).

Exemple
Dossier racine "droguerie" contient le fichier de la page d'accueil "index.htm". Les sous-dossiers pour les ressources "images", "sons", "videos", etc. Les sous-dossiers des divers sujets abordés "herboristerie", "homeopathie", "services", etc. Qui peuvent contenir des sous-dossiers personnels, contenant les ressources "images", "sons", "video".

Portabilité
Pensez également à la portabilité d'une page ou d'une partie du site. Il sera difficile de rechercher les ressources d'une page dans des répertoires éparpillés dans votre dossier racine. Afin de ne pas rompre les liens d'un sujet précis qui pourrait être déplacé sur un autre site, Il est conseillé de placer les pages et les ressource dans un seul et même dossier. Ceci facilitant son déplacement par un simple copier/coller.

Historique d'internet <<<