Préliminaires
Tutoriaux, Sommaire
Html
Le langage Html,
(hypertext markup language), est un langage de description de page reconnu par
tous les 
navigateurs internet.
Aucune connaissances spéciales n'est
requise...
Ce tutorial doit permettre d'appliquer
les connaissances au fur et à mesure de leur acquisition. Pour cela nous
emploierons constamment une forme telle que celle ci-dessous. Dans cette forme
vous voyez apparaître le code d'une page Html.
Exercice, cliquez sur le bouton "Afficher la page"
situé sous la forme ci-dessous, vous verrez apparaître une fenêtre volante
affichant une page html correspondant au code. Ici "Bonjour tout le
monde". Pour fermer cette fenêtre cliquez sur le fond de la page.
Si vous cliquez sur "Effacer le
code", la fenêtre affiche un code de page minimal, la page affichée dans
la fenêtre volante est vide.
Si vous cliquez sur "Code initial", la fenêtre
revient au contenu présent au chargement de la page de ce tutorial.
Vous serez amené à modifier le texte
présent dans ces formes pour appliquer ce que nous allons apprendre. Dans la
forme ci-dessous, changez le mot Nom par votre nom, puis afficher la page. Votre
nom apparaît maintenant dans la fenêtre.
En cliquant sur le lien suivant, vous verrez apparaître un exemple dans la
forme ci-dessous, (Edmond Tallerdain), Corrigé
Si vous voulez conserver ou utiliser le code
contenu dans la forme,
Créer un répertoire sur votre disque pour ranger ces
fichiers, (si vous n'en avez pas déjà créé un).
Sélectionner le texte à la souris dans la forme, copier le
et coller le dans un éditeur, le bloc note de
Windows par exemple. Avant de sauver le texte, dans Type
de fichier choisir : texte seulement .TXT (Impératif
!).
Taper un nom de fichier suivi de l'extension htm ; Exemple: essai01.htm (Impératif!
extension .htm).
Sauvez le fichier dans le répertoire que vous avez créé.
Les tags, texte
entouré par les signes <> Exemple : <HTML>. Ces tags conditionnent
l'aspect de ce qui les suit. La plupart des tags comportent un tag de fin qui
est le même précédé d'un /, exemple </HTML>.
Majuscules/Minuscules, les navigateurs reconnaissent les instructions, (tags),
en majuscules ou en minuscules. exemple ; <HTML>, <Html>,
<html>.
Par contre méfiez vous des espaces intempestifs comme < HTML> ce
qui rend la commande inefficace
Dans le cas du tag <HTML>, tous ce qui est entre le tag de début
<HTML> et le tag de fin </HTML> sera considéré comme du Html,
(langage de description de pages).Ce tag est obligatoire pour que le navigateur
reconnaisse le fichier comme étant du HTML.
A l'intérieur de ces deux tags <HTML> </HTML>, nous trouvons <BODY>
</BODY> entre ces deux tags doivent se trouver le texte et les images de
la page. Nous appellerons cet espace corps (Body) de la page.
Symbolique de la page précédente :
Début du texte en HTML <HTML>
Début du corps de la page <BODY>
Fin du corps de la page </BODY>
Fin du texte HTML </HTML>
Quiz :
