HTML 3.2 et 4.0, le début d'une page Web.

Vous voulez aller plus vite
Toute la section HTML est ici !

Introduction

Avant d'apprendre toute la série de balises, il faut savoir que l'on peut utiliser un éditeur HTML,
mais il est toujours bon d'avoir des notions de base pour corriger les erreurs que les éditeurs font parfois.

Je travaille maintenant avec Dreamweaver.

Les éditeurs WYSIWYG (What you see is what you get ) pemettent de travailler vite mais, la présentation des pages peut varier selon le navigateur que vous avez.

Un éditeur semi-WYSIWYG ne montre que du texte, des points de repère et des balises. Les navigateurs auront moins de problèmes si vous utilisez ce genre d'éditeur.

Je suppose que vous savez télécharger, renommer les dossiers, faire des copier coller etc. Sinon, on pourra voir ces fonctions selon la demande.

Toutefois, vous pouvez faire comme moi et vous lancez dans l'aventure du HTML à la "mitaine". C'est beaucoup plus long mais on apprend beaucoup plus.

Le début d'une page Web

- Je travaille dans WordPad.
- Tout ce qui est écrit en rouge est une balise habituellement expliquée dans le texte qui suit
et qui peut être copiée/collée (Ctrl+c Ctrl+v) dans votre fichier source.

Par exemple: ouvrez Word Pad et, dans le haut de la page vierge, tapez le texte qui suit.

<HTML>
<HEAD>
<TITLE>Ma première page Web</TITLE>
</HEAD>
<BODY>
<H1>La page de Nicou, ou ce que vous voulez écrire.</H1>
</BODY>
</HTML>

Explications
<HTML>et</HTML> Balise du début et de la fin de la page Web
<HEAD>et</HEAD> Début et fin de l'entête.
<TITLE>et </TITLE> Titre de la page qui apparaîtra dans la barre d'état du navigateur.
<BODY>et</BODY> Début et fin du corps du document, la partie qui s'affichera dans le navigateur.
<H1>et</H1> Signalent un gros titre. Vous pouvez utiliser jusqu'à H6 qui est le plus petit titre.

On poursuit la page !

Juste en dessous de la ligne <H1>La page de Nicou, ou ce que vous voulez, écrivez :

<P>
Maintenant que je connais le HTML, <BR>
je suis bien contente.
</P>

<BR> marque un saut de ligne forcé, à ne pas confondre avec un début de paragraphe qui a la balise <P>.

Explications

Vous remarquez que vous écrivez dans la zone <BODY>. Vous pouvez maintenant choisir une police. Je ne peux ici vous donner la liste des polices à utiliser mais, sachez que les navigateurs ne lisent pas toutes les polices. Je vous en donne quelques unes qui sont bien lues par les deux navigateurs: Arial, Comic Sans Ms, Scribble, Times New Roman.
Si vous n'en choisissez pas une, le navigateur en mettra une par défaut.

Si vous travaillez dans WordPad, après avoir écrit vos premières commandes html,
Allez à Fichier /Enregistrer sous et dans Type choisissez Texte seulement
et nommez votre fichier avec l'extension .html ex: essai.html

Il est très important de mettre tous vos textes, vos images etc. dans le même dossier.
Il est important de sauvegarder souvent lorsque vous travaillez.

Pour voir votre travail dans Internet Explorer ouvrez Explorer, allez dans Fichier/Ouvrir.
Une fenêtre va s'ouvrir, cliquez sur Parcourir et retrouvez l'endroit où vous avez sauvegardé votre fichier .html
Sélectionnez votre fichier et cliquez sur Ouvrir...puis sur OK. Et voilà le début de votre page Web.

Pour l'instant il n'y a que du texte, plus tard, on ajoute le "background" etc.....

Allez voir souvent dans le navigateur, comme ça vous éviterez d'être déçu après de longues heures de travail.

N'oubliez pas de mettre tous vos textes et vos images dans le même dossier. ( C'est la petite valise jaune ) N'oubliez pas d'utiliser l'extension.html lorsque vous sauvez votre fichier. Cela est très important.

Vous voulez continuer....

Par exemple comment insérer une adresse

J'aime bien le <A HREF="http://www.gardenweb.com/forums/fleurs/">Forum sur le jardinage.</A>

Explications

<A HREF= le début du lien, vient ensuite l'adresse entre les guillemets > le nom de la page ou du site.
Il faut ensuite fermer par la balise </A>
Forum sur le jardinage est devenu le lien. Voilà ce que vous verrez sur la page:

J'aime bien le Forum sur le jardinage

Il reste à insérer une image et vous connaissez les éléments de base d'une page Web. Bien sûr, pour afficher une image, elle doit déjà être dans votre dossier. Vous pouvez utiliser des images au format gif ou jpg.

Insérons une image.

Comme vous voyez la commande est facile, il ne vous reste qu'à choisir l'image.
Avec l'image face.gif vous obtiendrez ceci sur la page.

Vous avez le début d'une page Web.
Des explications plus détaillées
suivent dans les prochaines pages.

HTML

J'aimerais bien avoir vos commentaires, questions ou suggestions.

Écrire à Nicou