présente
Le petit guide HTML
Les bases

Concepts de base

Apprenez à utiliser les balises (ou marqueurs) HTML en créant des pages Web simples, dans lesquelles vous saisissez les codes présentés ici.

La plupart du temps, l'élément à mettre en forme doit être précédé par une balise de mise en forme, et suivi par la même balise, à une différence près : le code commence par une barre de fraction. Les espaces et les sauts de lignes sont reconnus par des espaces simples. Plusieurs espaces ou plusieurs sauts de lignes sont considérés comme un espace unique.

Dans ce guide, les noms en anglais des balises sont indiqués entre parenthèses dans les titres. Les codes HTML sont parlants si l'on se rappelle qu'ils ont été définis aux États-Unis. Par exemple, pour insérer une ligne horizontale, utilisez le code <hr>, qui correspond à horizontal ruler.

Les premières balises (début et fin de page)

Il s'agit de quelques codes qui doivent impérativement figurer en début et en fin de document, pour que le visualiseur sache que ce fichier est une page Web.

Au début du document :

Indiquez le titre de la fenêtre entre les balises <title> et </title>. Ne dépassez pas 64 caractères, car votre titre sera repéré par les moteurs de recherche automatiques qui recensent les pages Web. Grâce à votre titre, les utilisateurs qui consulteront les moteurs de recherche (Nomade, Yahoo, Magellan...) pourront trouver votre page, avec un peu de chance... Tout ce qui se trouve entre les balises <head> et </head> n'apparaît pas dans la page proprement dite, mais permettent de définir la fenêtre (nom dans la barre titre, action dans la barre d'état, et indications pour les moteurs de recherche).

à la fin du document :

</body>
</html>

Les balises <body> et </body> délimitent le texte qui sera affiché à l'écran. C'est là que se trouvera votre message au monde.

Les titres (headings)

Les visualiseurs HTML (browsers), parfois appelés navigateurs ou feuilleteurs, décodent les balises HTML et affichent à l'écran un document selon une présentation qui varie d'un produit à l'autre. Netscape et Microsoft se partagent l'essentiel du marché, mais il existe de nombreux produits. De plus, vous pouvez paramétrer l'affichage selon vos goûts. D'un produit à l'autre, vos pages Web ne s'afficheront pas de manière parfaitement identique.

Les titres sont définis par les balises <H1> et </H1>.

Vous pouvez utiliser les styles H1 à H6.

Par exemple :

Un titre au format H1

Un titre au format H2

Un titre au format H3

Un titre au format H4

Un titre au format H5

Et un dernier titre, au format H6

L'alignement du texte

Comme dans un logiciel de traitement de texte, vous pouvez aligner le texte de diverses manières (mais la justification n'est pas possible).

Utilisez les balises :

<center> </center>	Pour centrer le paragraphe
<p align=right> </p>	Pour aligner le paragraphe sur la marge de droite

Pour aligner le paragraphe sur la marge de gauche, il n'y a rien à faire, c'est l'alignement par défaut...

Quelques astuces à connaître

Vous avez l'accès complet au code source des pages que vous visitez ("Affichage" + "Source").
Vous pouvez étudier hors-ligne ce même code en farfouillant dans les fichiers temporaires Internet qui sont automatiquement stockés sur votre disque dur.
Évitez les grandes images dans vos pages, car ça prend un temps fou à charger ; et quand l'image est visible, le lecteur est déjà parti...
Évitez les couleurs qui agressent les yeux du lecteur...
Les générateurs automatiques de code HTML ont tendance à surcharger le code HTML. La page grossit alors en taille et se charge plus lentement. En regardant le code généré avec un éditeur de texte, vous vous apercevrez rapidement que vous pouvez supprimer beaucoup de choses inutiles.
Spécifiez toujours la taille d'une image dans le code HTML. Le browser n'est pas obligé de redessiner la fenêtre quand l'image est chargée.

Résumé

Le langage HTML se limite à la connaissance d'un certain nombre de codes. Tout l'art réside dans l'ingéniosité et la créativités exprimés avec ces moyens limités pour obtenir un résultat attrayant.

Définissez d'abord les codes de début et de fin de page, puis créez vos titres (n'oubliez pas la balise avec la barre de fraction, qui neutralise le code équivalent).

Le corps du texte est aligné à gauche, mais il est facile de centrer un paragraphe ou de l'aligner à droite.

Explorez la source des pages qui vous plaisent, et exploitez les informations de mise en forme que vous y découvrez.

La diffusion de ce document sur Internet ou des serveurs BBS est autorisée, à condition qu'il le soit dans son intégralité et sans aucune modification. La diffusion sur des services en lignes commerciaux doit faire l'objet d'une autorisation de la part de l'auteur.

Les marques citées sont déposées par leurs propriétaires respectifs.

L'auteur dégage toute responsabilité en cas de dommages directs, indirects, accidentels ou consécutifs provenant d'informations erronées, et ce, même si l'auteur a été prévenu de la possibilité de tels dommages.

Site et pages créés par Daniel Bédo © 1997
Dernière mise à jour : le 17 avril 1997
dbcom@newel.net
http://www.oocities.org/BourbonStreet/7840/index.html

Votre site Web gratuit avec