HTML
HTML signifie "Hyper Text Markup Language ". C'est une application SGML ("Standard Generalized Markup Language ") conforme au standard ISO 8879. Il est décrit entièrement dans la recommandation du W3C (Le World Wide WEB Consortium).
Entité
Une entité est un nom symbolique ou numérique donné à un caractère spécial. Par exemple: l'entité é donnera un é tandis que l'entité © donnera le symbole ©. On pourrait aussi avoir le þ (THORN islandais). Si votre navigateur est vraiment moderne, l'entité € donnera €, l'euro bien connu maintenant. L'annexe B de votre manuel de référence vous donne quelques explications supplémentaires sur les entités de caractères. J'ai aussi produit une table assez complète des différents codes numériques des entités de caractères.
Balise
Une balise est un code représentant un élément du langage. On utilise un mot (ou une séquence de mots) délimité par les caractères "<" et ">". Par exemple: <HTML>, <TITLE>, <BR>, <font color=red>, </Title>, </P>, etc. Vous remarquerez que la case des caractères n'a pas d'importance.
Marqueur
Un marqueur est une balise simple comme une fin de paragraphe (<BR>) par exemple.
Conteneur
Un conteneur est composé d'une balise d'ouverture ou balise initiale (<XYZ>) et d'une balise de fermeture ou balise terminale (</XYZ>).
Élément
Un élément représente la structure d'une partie d'un document HTML. C'est soit un marqueur simple, soit une partie du document dans un conteneur. Par exemple: <TITLE>Voici un beau titre pour mon document</TITLE>. Si un élément n'est pas reconnu par le navigateur, il sera simplement ignoré; aucun message d'erreur ne sera donné.
Attribut
Un attribut est une propriété rattachée à un élément qui en décrira certaines caractéristiques. Par exemple: <div ALIGN=right> ou <font COLOR=red>.
Commentaires
Un commentaire est une portion de texte qui sera ignoré par le navigateur. Par exemple: <!-- Ce bout de texte sera complètement ignoré du navigateur. -->. On remarquera les balises de début et de fin un peu spéciales. Certains programmes de service utilisent les commentaires.
SGML
Pour la plupart, des navigateurs sont incapables de traiter directement le SGML. Nous laissons ça aux théoriciens de la chose!
Un document HTML est habituellement contenu dans un fichier dont l'extention est .htm (seulement 3 caractères pour les vieux systèmes à la DOS) ou .html (sur les systèmes plus modernes comme UNIX ou Windows/NT)
Le type de document
Il s'agit d'une déclaration de type que l'on retrouve quelque fois au début du document. Quelques outils de validation l'utilisent mais ce n'est pas vital. En HTML 4 on aura:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
Il n'est pas nécessaire de déclarer le type de votre document mais si votre éditeur HTML le génère, ne vous en occupé tout simplement pas.
Le document
Un document HTML est compris entre les deux balises suivantes: <HTML> ... </HTML>. Il comprend une en-tête et un corps.
L'en-tête
L'en-tête d'un document est formée de: <HEAD> ... </HEAD>. L'en-tête permet de spécifier des propriétés propres à l'ensemble du document. Il ne contient rien d'affichable dans la fenêtre de navigation. On y retrouvera, entre autres choses les éléments <META> donnant des informations supplémentaires relatives à la page et l'élément <TITLE> qui permettra de donner un titre à la page. Ce dernier sera affiché dans la barre de titre du navigateur.
Le corps
Le corps est un conteneur (<BODY> ... </BODY>) des éléments formant le document. Il contient tous les éléments affichables de la page.
Certains attributs sont communs aux éléments d'un document HTML et nous pourrons les retrouver un peu partout. Ce sont par exemple:
ID Définition d'un identificateur unique dans un document. CLASS Définie à quelle classe appartient un élément. LANG Langue de l'élément (non utilisé présentement) DIR Sens d'écriture des mots (pour une implantation ultérieure) TITLE Produit une infobulle lorsque le curseur du navigateur est placé au dessus de l'élément. STYLE Informations de style à utiliser pour afficher l'élément.
Certains attributs sont utilisés pour la gestion des événements comme par exemple: ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER, etc. Il indique les scripts à exécuter lorsque ces événements se produisent.
Lorsqu'un navigateur rencontre une commande ou un élément HTML inconnu, il l'ignore tout simplement.
Voilà le code d'une page WEB de base:
<HTML> <HEAD> <TITLE>Ceci est un titre</TITLE> </HEAD> <BODY> Ceci est le corps de la page WEB. </BODY> </HTML> |
Voilà à quoi pourrait ressembler le code HTML d'une page WEB réelle:
<html> <head> <title>Le titre de ma page</title> <bgsound src="../musique/Hotel_California.mid" loop="-1"> </head> <body background="images/fond_beige.jpg"> <h1>Un gros titre</h1> <p align="CENTER">... et plein d'autres choses très intéressantes que nous verrons dans le cours ...</p> <p><em><big><big><big><big>Comme des dessins:</big></big></big></big></em> <img src="images/exemple_dessin.gif" alt="exemple_dessin.gif (50389 bytes)"> </p> <p align="right"><strong><font face="Americana BT"> <big><big>ou même des photos:</big></big></font></strong> <img src="images/exemple_photo.jpg" alt="exemple_photo.jpg (3543 bytes)"> </p> </body> </html> |
Si vous y tenez mordicus vous pouvez voir cette page mais pour vous faire une idée plus précise.
Le première partie du chapitre 3 de votre manuel