Retour aux Trucs et astuces de Fabrice.net
Leçons html : 1 2 3 4 5 6 7 8 9 10

Le HTML en dix leçons par Fabrice Sutter

Generalités :

Derrière ces quatre lettres barbares, se cache le langage informatique vedette du Web. Si vous êtes tenté par l'aventure du site perso, Fabrice vous propose de passer à l'action en 10 leçons. Prêt? Pour votre initiation, Fabrice.net, vous propose 10 leçons simples, appuyées par des exemples qui vous permettront de connaître les bases. Vous pourrez vous exercer en tapant le code HTML dans un "bloc-notes" ou un "wordpad". Pour voir le résultat de votre travail, vous enregistrerez votre document au format HTML (soit, "nomdudocument.html"). Fermez-le. Puis, ouvrez-le pour voir la page telle qu'elle apparaît dans un navigateur web

Pour être tout à fait honnête, vous n'êtes pas obligé de connaître l'HTML (HyperText Markup Language) en français "langage de balisage hypertexte", pour créer votre site perso. Si vous utilisez un éditeur WYSIWYG (What You See Is What You Get, en français "ce que vous voyez -à l'écran- est ce que vous obtenez -en ligne"), le logiciel traduit automatiquement vos désirs en langage html (voir le cahier consacré a Dreamweaver le plus puissant des éditeurs). Néanmoins, connaître les bases du html peut s'avérer très utile lorsque votre logiciel d'édition, forcément imparfait, ne vous "obéit pas au doigt et à l'oeil" et laisse par exemple un espace indésirable entre deux pavés de texte, un alignement peu heureux dans un tableau ou encore une couleur de lien qui s'accorde mal avec la couleur de fond de votre page.

L'HTML, qu'est-ce que c'est ?
L'HTML n’est pas un langage de programmation, il s’apparente plutôt à un outil de mise en forme des pages web (texte et images). C'est ce langage qui est utilisé pour créer toutes les pages web que vous voyez lorsque vous surfez avec Internet Explorer ou Netscape Communicator. Si vous ne savez à quoi ressemble "la bête", prenez n'importe quelle page web et regardez son "code source" dans Explorer ou Communicator : il suffit pour cela d'aller dans le menu "Affichage"et de cliquer sur "Source" ou "Source de la page".
Si c'est la première fois que vous faites cette manipulation, vous risquez d'être un peu affolé par ces centaines et centaines de lignes de codes qui ressemblent à du javanais. Mais une fois assimilé les bases du HTML, tout devient parfaitement limpide ou presque.

Apprendre l'HTML, à quoi ça sert ?
Lorsque l'on comprend ce qui se passe "sous le capot" de son site, on se sent un peu moins bête. Et on peut agir directement dans le code pour améliorer la qualité de ses pages. Ajoutez à cela que certains de ces éditeurs wysiwyg n’ont pas de version française, il vaut donc mieux connaître les mots anglais usuels utilisés dans les menus pour savoir s'en servir. Enfin, nul besoin d'avoir fait une grande école ou d'être un informaticien chevronné pour comprendre les bases du html et l’utiliser, il suffit simplement de connaître trois mots d'anglais et de disposer de quelques heures dans son emploi du temps.

Au menu de cet article :

1. Un principe à connaître : les balises
2. La structure des pages : la tête et le corps
3. Créer des caractères spéciaux (é,à, ê...)
4. Enrichir la présentation des mots (gras, italique...)
5. Mieux présenter le texte (paragraphes, filets, listes...)
6. Mettre des couleurs (**)
7. Insérer un lien hypertexte
8. Insérer une image
9. Créer un tableau
10. Créer des cadres

** En exclusivité sur le site de Fabrice.net : La palette des 216 couleurs du web

Copyright 2001 by Fabrice.net tous droits réservés
Leçons html : 1 2 3 4 5 6 7 8 9 10
Vous êtes le ème visiteur