Votre Web à vous…

HTML, qu'est-ce que c'est ?

HTML (Hyper Text Mark-up Language) est un langage à base de marqueurs permettant de créer des documents hypertextes, C'est-à-dire des pages présentant des liens vers des éléments non contigus (autres parties d'un même document ou documents distants). Ce sont ces pages écrites en HTML qui circulent sur le Web. Elles sont hébergées sur des serveurs et spécifiées par leurs adresses ou « URL ». Votre navigateur, appelé aussi interface client, charge une page depuis le serveur grâce à l'URL. Il interprète ensuite le code HTML (code source) (^fig.1) pour afficher sur votre écran le résultat sous la forme d'une page Web (^{fig. 2}).

La structure du langage HTML est très rudimentaire. Elle adopte un format texte, dont les caractères sont codés sur 7 bits au lieu de 8. Cette convention ne permet pas de coder les caractères accentués.

En revanche, elle garantit une plus grande vitesse de transmission et une compatibilité avec les différents systèmes existants, PC, Mac, Unix.

Un document HTML est écrit sous forme d'un texte avec deux niveaux de lecture. Le premier concerne le texte qui doit apparaître sur la page. Celui-ci est brut, sans aucun enrichissement de style, ni de mise en page. Seules les minuscules et les majuscules sont acceptées. Les caractères accentués sont obtenus par des codes. Par exemple, « caractères » s'écrira « caractres ». Le « è » étant codé par « &egrave ».

code HTML caractères résultat : caractères

Le texte de base est ensuite agrémenté d'un certain nombre de balises, appelées encore marqueurs ou bien tags. Ce sont ces instructions destinées aux navigateurs, tels que Netscape Comunicator ou Internet Explorer, qui constituent le second niveau de lecture. Un marqueur est encadré par les signes « < » et « > » afin d'être repéré par le navigateur qui l'interprète comme une instruction et non comme du texte à afficher. Pour qu'une instruction soit valide, elle doit comporter une balise de début, de type « < nom_de_balise > », et une balise de fin, de type « < /nom_de_balise > », (la même avec « / » précédant le nom). L'instruction s'applique au texte enfermé entre les deux marqueurs. Par exemple, le tag suivant permet d'afficher du texte en gras.

code HTML :

afficher du < bold > texte< /bold > en gras résultat : afficher du texte en gras

Il existe un grand nombre de marqueurs pour modifier le style des caractères ou la couleur du fond, présenter des images, afficher des liens hypertextes, des tableaux, des listes, élaborer des formulaires à remplir et les envoyer.

Un document source en HTML ne comporte que du texte. Les autres éléments présents sur une page Web, comme les images, sont des fichiers séparés. Seule l'adresse du fichier figure dans le code source de la page.

Par exemple, le code suivant affiche à l'écran une image au format Gif, après avoir été la chercher à son adresse « Url_du_fichier ».

code HTML : < img src="url_du_fichier.gif" >

L'adresse du document affiché peut se situer sur votre propre ordinateur ou sur n'importe quel serveur relié à l'Internet. Les formats d'images supportées par les navigateurs sont le Gif et le Jpeg. Les fichiers son et vidéo nécessitent des extensions pour être lus par le navigateur.

Il vous faut savoir que vous ne maîtriserez pas complètement l'apparence que prendra votre document sur l'interface client d'un autre internaute. En effet, si le texte est toujours respecté, l'interprétation des balises peut varier légèrement d'un logiciel à un autre.

Un organisme international, le W 3C, est chargé d'élaborer un standard afin d'éviter que les programmateurs de logiciels de navigation n'en fassent qu'à leur tête. Le but est de préserver le caractère multiplates-formes du langage. Actuellement, la norme est HTML 4.0.

Le HTML sans peine

Il existe quantité de logiciels de publication pour le Web. Les plus simples d'emploi sont en mode Wysiwyg, abréviation de « What You See y What You Get ». Ils ne demandent aucune connaissance du langage HTML. Avec ses outils, vous composez à l'écran votre document, en déplaçant vos textes et vos images à l'aide de la souris. L'application Wysiwyg mouline le tout pour vous servir des lignes de code en HTML pur et dur.

Les logiciels les plus performants comme CyberStudio sont des outils professionnels onéreux. Ils existent néanmoins en versions allégées pour ce qui est du contenu et du prix. Si votre intérêt pour la publication sur le Web n'est pas encore bien certain, vous vous contenterez des gratitiels (freewares).

Parmi les navigateurs gratuits pour les particuliers, Netscape Communicator 4.0 propose des fonctions Wysiwyg grâce à son module « Composer ». Netscape fournit également une aide en ligne pour créer vos pages.

Si vous acceptez d'aller au charbon en écrivant en HTML, l'apprentissage sera plus long et difficile. Toutefois, de nombreux ouvrages, ainsi que des sites bien faits, vous guideront pas à pas. Cette méthode est la seule qui permette d'utiliser les derniers développements proposés par les navigateurs. Il y a en effet toujours un laps de temps entre la prise en compte des nouvelles fonctions par les navigateurs et leur intégration dans les éditeurs HTML. Ainsi, bon nombre de logiciels de Wysiwyg en sont encore à HTML 3.2, alors que les navigateurs acceptent HTML 4.0.

Le choix de logiciels à votre disposition est aussi plus vaste. En effet, n'importe quel traitement de texte permet d'écrire un document en HTML. Il existe cependant des solutions pour vous faciliter le travail. Les plus utiles sont des éditeurs de textes qui vous épargnent, grâce à des commandes, la tâche fastidieuse de rentrer à la main les instructions des balises. Ils permettent également d'importer votre texte, afin que les codes adéquats se substituent aux caractères accentués. Les plus connus sont WebExpert et BBEdit.

Mais pas sans douleur !

Le langage HTML ne permet que la structuration d'un document hypertexte. Ceci semble un peu limité, compte tenu des possibilités des ordinateurs actuels. C'est pourquoi, très rapidement, de nombreuses fonctions sont venues l'enrichir.

Un script CGI (Common Gateway Interface) est un programme résidant sur le serveur. Son exécution est demandée par le client au moyen d'une instruction adressée à l'URL correspondant au script. Le serveur génère alors de manière dynamique un document HTML. Celui-ci n'est pas stocké, mais envoyé directement au client. Ce sont des scripts de ce type qui sont utilisés par les moteurs de recherche pour vous envoyer le résultat de vos requêtes.

Un progrès considérable a été apporté par la technologie Java. Ce langage a été créé par Sun Microsystems pour des applications dans l'électronique grand public. Java est un véritable langage de programmation. Il a en plus la particularité de pouvoir être exécuté sur n'importe quel ordinateur disposant d'un navigateur compatible. Le serveur va donc pouvoir envoyer, en même temps que la page HTML, un programme (applet) qui s'exécutera sur l'ordinateur du client. Les applets servent entre autre à produire des animations ou à gérer le remplissage des formulaires. Le serveur est libéré des tâches dévolues au client. Ce dernier n'a pas à attendre de longs allers et retours.

Toutefois, ces deux langages exigent des connaissances approfondies en programmation, sans comparaison avec celles demandées par la publication en HTML.

Le JavaScript, qu'il ne faut pas confondre avec Java, a été développé par Netscape. Il comporte bien moins d'instructions. Par conséquent, il est plus accessible. Il est écrit directement sur le document HTML entre des balises < script >< /script > et il est bien adapté pour gérer les formulaires ou de petites bases de données.

Pour tous ces langages, il existe sur le Web des banques de programmes largement pourvues.

Si vous êtes encore là, nous verrons, dans le prochain article, que faire de vos pages Web et notamment comment créer un site.