Apprendre le langage Html

Les titres et les listes
Tout document d’une certaine consistance se doit de présenter, par exemple dans la table des matières, les différents niveaux de son exposé. Html a disposé dès son origine d’outils spécialement conçus à cet effet.
En-têtes [Heading] <Hn></Hn> avec n=1 à 6
Afficher une en-tête de niveau n et sauter une ligne
Liste non-ordonnée [Bullet list] <UL></UL> Afficher le texte sous forme d’une liste non-ordonnée. Liste ordonnée [Numbered list] <OL></OL> Afficher le texte sous forme d’une liste ordonnée. Elément de liste [List items] <LI> Voici un élément de la liste Paragraphe [Paragraph] <P></P> Saut de ligne, insérer une ligne vierge et commencer un paragraphe
Comme d’habitude… – On ouvre son petit éditeur de texte
<H1>Les mois du printemps</H1> <UL><LI>avril <LI>mai <LI>juin</UL> <P> <H3>Les mois d’automne</H3> <OL><LI>octobre <LI>novembre <LI>d&eacute;cembre</OL>
– Et on ouvre son petit browser
Les mois du printemps
• avril • mai • juin
Les mois d’automne
1. octobre 2. novembre 3. décembre
– Quelques commentaires s’imposent;
1. &eacute; est l’un de ces caractères spéciaux utilisés pour représenter le é. Les éditeurs Html vous déchargeront de cette corvée. 2. Les paragraphes et les en-têtes peuvent s’aligner à gauche, au centre ou à droite. <H1 align=left></H1> <P align=left></P> <H1 align=center></H1> <P align=center></P> <H1 align=right></H1> <P align=right></P> 3. Les listes peuvent s’imbriquer: <H4>Les 12 mois</H4> <UL><LI>Les mois du printemps <OL><LI>avril </OL></UL>
7
Les 12 mois • Les mois du printemps
1. avril
Les liens
Html (Hyper Text Markup Language) est un langage hypertexte (et hypergraphique) qui vous permet en cliquant sur un mot, généralement souligné (ou une image) de vous transporter; • vers un autre endroit du document. • vers un autre fichier Html situé sur votre ordinateur. • vers un autre ordinateur situé sur le Web.
Ce système d’hypertexte vous est familier car il est également utilisé par les fichiers d’aide de Windows. Ce sont ces liens qui vous permettent de surfer de page en page et qui constituent l’essence des documents Html.
La syntaxe de ces liens entre plusieurs pages, est simple mais entraînera de nombreux commentaires : <A HREF= »URL ou adresse »>…</A>
1 Lien externe
Tout ordinateur situé sur le réseau Internet possède une adresse ou une URL (Universal Ressource Locator). Html permet d’accéder à toutes les machines et toutes les ressources du Net. Pour peu qu’Internet vous soit un peu familier, ce sont les adresses du type : http://serveur/chemin…/fichier ftp://serveur/chemin…/fichier mailto:utilisateur@hôte
2 Lien local
L’organisation classique, et plus que conseillée, d’un site Web consiste à regrouper l’ensemble des éléments de celui-ci (fichiers htm, images, …) dans un même répertoire. Vous pourrez ainsi « transporter » aisément votre site pour le présenter sur un autre ordinateur et ,but ultime, le charger sur un serveur. Cette façon de procéder est la plus aisée et vous évitera pas mal de problèmes. L’adresse du lien sera alors tout simplement : fichier.htm
3 Lien mixte
Nous entendons par là un lien vers un fichier situé à un autre endroit de votre ordinateur (et donc non situé dans le répertoire de votre site). Attention Danger! En effet, il est peu probable que le serveur Web qui hébergera votre site, possède la même arborescence que votre disque local. L’adresse prendra la forme file:///lecteur:/répertoire/fichier.htm (en adressage absolu). ../../../fichier.htm (en adressage relatif).
Cette matière d’adressage absolu et relatif dépasse le cadre de cet exposé et je vous invite en cas d’utilisation à vous plonger dans la documentation relative à ce sujet.