Comme nous l'avons vu, le langage HTML (Hyper Text Markup Language) est le langage compréhensible par le navigateur ou browser en anglais (applications clientes permettant de consulter des documents HTML). 

Il s'agit d'un langage décrivant la structure, le contenu et le comportement d'un document Web. Ce langage est basé sur le SGML (Standard Generalized Markup Language), une norme ISO (International Organization for Standardization ou Organisation Internationale de Standardisation) définissant la syntaxe des langages de description. Ceux-ci sont indispensables pour la présentation des documents sur des systèmes informatiques différents, ce qui est évidemment le cas du WWW (World Wide Web ou W3 ou Web).

Ce langage simple va donc nous permettre de générer des documents qui peuvent être lu par tous les browsers et pour toute plate-forme utilisée (PC, MAC, WINDOWS etc.).

Il a été créé pour proposer une norme unifiant les formats de documents utilisés par un grand nombre d'applications et donc, représente un moyen de régler les problèmes de compatibilité entre les différents types de formats utilisés par tous les utilisateurs du Web.

La première version de HTML était très simple pour faciliter la mise en forme de documents et le développement de ces navigateurs. C'est ce qui permit la croissance et le grand développement actuel du WWW (World Wide Web). La version actuelle, HTML 4, recommandée par le W3C, possède un grand nombre de propriétés ce qui permet une diffusion de documents très élaborés, et possède notamment comme nouvelles propriétés :

• Support des feuilles de style : vous pouvez facilement créer des feuilles de style (langage CSS) pour contrôler la couleur, les polices et la disposition de vos pages Web;

• Dispositifs d'internationalisation : pour faciliter un Web véritablement international, HTML inclut des dispositifs pour rendre le texte écrit aussi bien vers la gauche, comme, par exemple, dans l'arabe et l'hébreu. L'attribut de langue peut être employé avec beaucoup d'étiquettes pour aider le navigateur à afficher le texte de manière appropriée au langage en question. Il y a également des dispositifs pour indiquer le codage de caractère et le langage d'un document;

• Dispositifs d'accessibilité : HTML 4 inclut des dispositifs qui rend le Web plus accessible à ceux qui ont un handicap visuel ou ont d'autres incapacités;

• Tableaux : HTML 4 permet un contrôle plus grand sur la structure et la forme des tableaux;

• Documents composites : HTML 4 permet plus de possibilités pour des documents qui comprennent dans un document des images, de la vidéo, du son, des formules mathématiques, des applications spécialisées, et d'autres objets (balise <OBJET>);

• Facilité d'emploi...

Ainsi, les documents multimédias permettent non seulement de consulter les informations disponibles dans ceux-ci mais également d'interagir avec le contenu du document ! Un document multimédia utilise différents supports tels le texte, les images, les animations, le son et des séquences audiovisuelles pour présenter le contenu du document. L'intégration de ces différents supports peut poser certains problèmes car il n'existe pas de standard encore actuellement mais en ce qui nous concerne, nous créerons des pages qui pourront être visionnées par les utilisateurs d'Explorer et de Netscape en ce sens qu'elles ne demanderont pas de développement très sophistiqué.

Le problème actuel est de garder une compatibilité entre les dernières versions HTML et c'est pourquoi, on emploie encore beaucoup actuellement une version transitoire du HTML 4. En effet, dans le HTML 4 strict, certaines balises sont devenues obsolètes, comme par exemple l'élément IMG (code des images), l'attribut align (P align="center"), etc. Nous donnerons ici les bases de l'HTML qui sont employées actuellement par les plus grands éditeurs HTML (WebExpert, Dreamweaver,  FrontPage etc.), pour de plus amples informations sur le CSS, DHTML, parcourez le tutoriel "TutorDHTML".

Quelques notions !

Dans un document HTML, c'est à l'aide de balises (tags en anglais) que la mise en page est effectuée, celles-ci définissant les propriétés de chaque partie du document. Celles-ci permettent d'identifier les titres des sections, les paragraphes, les listes, la mise en valeur de caractère et les liens hypertexte (internes et externes).

• Balise est un mot clé du langage HTML qui associe une propriété particulière au contenu de cette balise.
• Le contenu de la balise représente du texte, des images, ou d'autres balises HTML auxquelles est associée la propriété identifiée par l'étiquette <balise>.
• </balise> est une étiquette qui précise la fin de la balise.

Le nom d'une balise HTML suit immédiatement le symbole inférieur " < " et ne peut être distingué par des majuscules/minuscules. <BR>, <Br>, <br> et <bR> ne sont pas différents mais je vous conseille d'employer les majuscules de manière permanente ainsi, vous les retrouverez mieux dans le texte.

Les attributs d'une balise représentent les différents paramètres associés. Un attribut est caractérisé par une chaîne de caractères suivie d'une signe " = " et d'une valeur. La valeur d'un attribut peut être soit une chaîne de caractères délimités par des guillemets " " ou un symbole représenté par des lettres, des chiffres ou des caractères de ponctuation. Par exemple (une balise que vous emploierez souvent) :

"http://www.page-web.com/index.html" est la valeur de l'attribut.

Nous venons de voir que les symboles " < " et " > " et les guillemets anglais " "sont réservés par le langage HTML pour délimiter le nom des balises ou la valeur d'un attribut. Lorsque vous voulez employer ces symboles à l'intérieur d'une balise, il faut les remplacer par des entités HTML équivalentes, les voici dans le tableau ci-dessous :

Ces deux catégories sont délimitées respectivement par les balises HEAD et BODY.

Au préalable, et comme premier code HTML, on précisera au navigateur la version d'HTML qui sera employée dans la page (WebExpert incorpore d'office cette précision.

Voilà le même site bien structuré :

Lors de la prochaine chronique, nous allons installer tous les logiciels qui nous seront nécessaires et notre environnement de travail.

Si vous voulez vous perfectionner en ligne, je vous propose de visiter un site qui vous explique le HTML en détail et en français (très souvent ils sont en anglais) : consultez-le pour de plus amples informations.