Balise | Description |
<a> | Lien hypertexte |
<b> | Texte en gras |
<br> | Saut de ligne |
<center> | Centrage |
<font> | Définition du texte |
<h1> à <h6> | Titre de niveau 1 à 6 |
<hr> | Filet horizontal (séparation) |
<i> | Texte en italique |
<p> | Début d'un paragraphe (saut de 2 lignes) |
<table> | Structure d'un tableau |
<tr> | Ligne d'un tableau |
<td> | Cellule d'un tableau |
4. Première page avec le bloc-notes
Avant de commencer à écrire votre première page, il vous faut un éditeur html, mais le plus simple et le plus économique pour débuter reste le bloc-notes de Windows. Malheureusement son plus gros désavantage que vous devez "tout faire à la main" mais c'est une excellente façon de progresser.
a ) Ouvrir le Bloc-notes
(sous Windows : Démarrer, programmes, accessoires et bloc-notes)
b ) Tapez votre code (le retour chariot n'est pas obligatoire, et il n'a aucun effet ou presque sur le html, il permet juste d'avoir une meilleure visibilité de la syntaxe html)
c ) Sauvegardez votre fichier
d ) Enregistrez le fichier avec l'extension .htm (dans la majorité des cas la première page vue par vos visiteurs se nomme index.htm ou index.html ou encore index.shtml)
5. Quelques règles simples pour débuter
a ) Pratiquement toutes les balises vont par paire (balises d'ouverture et de fermeture, exemple : <b> et </b>)
b ) Ecrivez vos balises en minusules, cela peut faciliter le transfert de votre code vers le XHTML
c ) Essayer d'aérer au maximum votre code
d ) Le langage HTML ignore les retours chariot et les tabulations. Servez-vous des balises <br> ou <p> pour passer à la ligne
e) Certaines balises sont ignorées par certains navigateurs ou ne s'affichent pas de la même façon. Ex: Un titre de niveau supérieur h1 ne s'affiche pas de la même façon selon le navigateur utilisé
f ) Le cas des balises spécifiques à Internet Explorer (ex:<marquee>) ou à Netscape (ex:<blink>) est un peu plus épineux, essayez de ne pas trop en abuser !! ou mieux ne les utilisez pas, Internet par définition c'est pour tous et pas seulement pour Microsoft et Netscape !!