 |
 |
 |
 |
 |
 |
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Qu'est-ce que HTML ?
Introduction au Format HTML :HTML (HyperText Markup Language) est un format permettant de définir les éléments variés d'une "page" qu'on observe avec un logiciel d'exploration du WEB : un Browser (Netscape ou Explorer).
- du texte,
- la mise en forme et en page du texte.
- la place et la taille d'images.
- le positionnement d'animations et de sons.
- la place dans une page de tout autre élément statique ou dynamique géré par le Browser (Netscape).
- des liens hypertextes vers d'autres pages.
HTML est donc la langue parlée dans les coulisses du WEB pour décrire ce que vous y voyez.
HTML a été conçu au CERN, par des scientifiques loin de toute considération commerciale, pour échanger des informations par-delà les limites des différents ordinateurs, des réseaux, etc.
- HTML ne définit que le texte, et établit un lien vers tous les autres éléments de la page : les images, animations, sons etc. ne sont pas inclues mais leur "adresse" URL " est indiquée
- HTML est conçu pour mettre en relation des informations nombreuses et éparses. La notion de réseau est donc centrale.
- Le suffixe .htm définit le format HTML pour les PC, à cause de la limitation à 3 lettres du suffixe.
Les pages WEB sont toujours définies dans ce langage, ainsi votre Browser traduit le code source HTML, va chercher les éléments externes (images, sons, etc) et reconstitue une page complète qu'il vous présente dans une fenêtre sur votre écran.
Il y a des versions successives de ce langage, permettant de définir plus finement la mise en page et la typographie, qui sont définies par un organisme indépendant (mais soumis à des pressions énormes)
On peut parfaitement définir des pages en local, sur son propre disque dur et les lire avec Netscape sans utiliser une liaison Internet. On peut aussi travailler sur un réseau local.
Quelques avantages et inconvénients de HTML ?
- HTML est indépendant de toute marque, conçu par des usagers pour des usagers, il est donc fait pour libérer et non pour rendre le client captif d'un produit particulier.
- Une page en HTML peut être lue par des ordinateurs de différentes marques pour obtenir essentiellement le même résultat.
- Sa structure distribuée (liens externes) permettent de changer un élément sans rien changer à la page où il s'intègre. Le même élément peut être utilisé plusieurs fois sans devoir le répéter plusieurs fois.
- Lien réseau: On peut intégrer des éléments locaux dans une page personnelle ou destinée à des élèves et des éléments distants dont on intègre l'adresse (URL).
- L'hypertexte permet de gérer des informations très diversifiées sans devoir les stocker localement.
- Sa structure distribuée (liens externes) rend difficile le stockage; on risque de perdre ou d'oublier un élément lié sans s'en rendre compte.
- Le stockage d'une page représente en général plusieurs fichiers.
- Les possibilités de mise en forme sont limitées et parfois complexes à mettre en oeuvre (Frames).
- HTML prend vraiment tout son sens dans un environnement réseau connecté à Internet. Ce n'est pas (encore ?) le cas partout.
- Depuis votre traitement de texte
Tous les traitements de texte récents permettent de convertir un fichier en HTML .
Lors de la conversion, le texte sera généralement intégralement respecté, mais la mise en page risque d'être d'autant plus différente de l'original qu'on a affaire à un document complexe.
Depuis un logiciel de génération de pages HTML
De nombreux logiciels permettent de composer directement un fichier au format HTML . Plusieurs s'utilisent comme un logiciel de mise en page (Claris Home Page ou Adobe PageMill par exemple).
Un simple éditeur de texte suffit en principe à créer ou modifier du HTML (BBedit p. ex.) mais l'opération s'apparente plutôt à de la programmation qu'à de la rédaction moderne.
Un exemple simple
<HTML>
<HEAD>
<TITLE>Cours couleurs </TITLE>
</HEAD>
<BODY>
<H3> La vision des couleurs : </H3>
Le système visuel humain peut d´tecter la gamme de lumière depuis a peu près 400
nanomètres (violet) jusqu'a environ 700 nanomètres (rouge).
<BR>
<IMG SRC="cours_couleurs1.jpeg">
</HTML>
On peut noter l'usage de :
- marqueurs définissant la mise en forme du texte et encadrant le texte à modifier
<H3>La vision des couleurs :</H3>- marqueurs pour les caractères accentués
système- marqueurs pour le lien vers une imag externe
<IMG SRC="cours_couleurs1.jpeg">
Il suffit de glisser le document HTML sur votre Browser (Netscape ou autre).
Fig 1 La page et son code source HTML.
On peut le lire dans un éditeur de texte ou depuis le Browser (Netscape ou autre) actionner la commande Document Source du menu View
Basé sur un document réalisé pour le Club-internet du CPTIC
Retour à la page de fiches multimédia @ tecfa