Guide HTML et XHTML

Introduction au Langage HTML

Ce guide vous est destiné si vous souhaitez créer un site Web, que ce soit un site personnel pour partager vos passions avec le reste de monde ou bien un site Web pour un projet ou une association pour lesquels vous souhaitez accroître l'attention. Grâce à ce guide HTML, vous pourrez apprendre à coder vos pages à l'aide du langage HTML sans avoir recours aux logiciels de publication internet onéreux et plus ou moins efficaces comme FrontPage et Dreamweaver.

Pour des conseils de design Web et d'accessibilité, sur ce qu'il faut et ne faut pas faire avec votre site Web, vous pouvez vous reporter à la section Qu'Est-ce qu'une Bonne Page Web ?.


Table des Matières

Pourquoi ce Guide ?
Qu'est-ce que le Langage HTML? Et le XHTML?
La Structure d'un Document HTML
L'En-Tête d'un Document HTML
Le Corps d'un Document HTML
Le Doctype (ou déclaration du type de document)
Les Caractères Spéciaux
Les Accents, Ligatures et Cédilles Usuels
Les Espaces et Tirets
Les Caractères Généraux
Les Symboles Mathématiques
L'Alphabet Grec
Afficher du Texte
Les Paragraphes
Les En-Têtes de Sections
Les Retours à la Ligne
Les Espaces Insécables
Les Lignes Horizontales
Le Texte Préformaté
Mettre votre Texte en Forme
Ajouter une Emphase
Les Références
Les Citations
Le Texte en Indice et en Exposant
Le Texte en Gras, en Italique, Souligné et la Taille et Couleur du Texte
Créer un Lien
Les Liens Internes
Les Liens Externes
Les Liens E-mail
Insérer une Image
L'Utilisation des Attributs de la Balise <img/>
Combiner Images et Liens
Afficher une Liste
Les Listes à Puces
Les Listes Numérotées
Les Listes de Définition

Pourquoi ce guide ?

J'ai débuté la création de sites Web avec des logiciels comme Dreamweaver et FrontPage. Ils peuvent être très performant mais ils ont aussi de sévères limitations et leur utilisation demande souvent beaucoup de temps. C'est ainsi que j'en suis venu à apprendre le langage HTML et coder mes sites Web "à la main". J'ai donc écris ce guide HTML pour aider tous ceux qui veulent suivre le même chemin que j'ai emprunté il y a quelques années. Par ailleurs, je trouve qu'il est triste d'acheter des livres sur le HTML, souvent hors de prix, alors que le HTML est la base même du Web qui se veut être un lieu de partage gratuit d'informations.

Je sais qu'il existe de nombreux guides HTML gratuits en ligne. Toutefois, ils sont souvent trop complets et complexes ou bien trop simplifiés et limités. J'espère qu'avec ce guide HTML, j'ai trouvé un juste milieu qui vous permettra de réaliser sans maux de tête un site Web performant et accueillant.

Qu'est-ce que le langage HTML? Et le XHTML?

Le HTML (HyperText Markup Language) est un langage simple qui permet de coder des pages Web. C'est un langage à balises (ou "tags", en anglais) qui sont interprétées par les navigateurs Web et qui contiennent les informations qui permettent d'afficher le contenu de vos pages. Bien qu'il existe un très grand nombre de logiciels de création de sites Web, un simple éditeur de texte vous suffit, comme le Bloc-notes (notepad) de Windows ou bien Vim sous Unix, et bien sûr des connaissances en langage HTML. Les fichiers HTML ont une extension .htm ou .html mais on peut les lire et les éditer avec n'importe quel éditeur de texte.

Comme la plupart des langages de programmation, il existe de nombreuses versions du langage HTML qui sont le résultat d'améliorations successives de la part du W3C (le World Wide Web Consortium), un consortium international dont le but est de promouvoir l'évolutivité du Web et de garantir son interopérabilité. Le XHTML, abréviation de l'anglais EXtensible HyperText Markup Language, a pour but de remplacer le HTML. Le XHTML est très similaire à la dernière version HTML (le HTML 4.01) et les fichiers XHTML utilisent aussi l'extension .htm ou .html. L'utilisation du XHTML étant recommandée par le W3C, ce guide s'attache en particulier à l'apprentissage du XHTML mais reste un excellent guide pour toute version du langage HTML.

Le langage HTML est principalement utilisé pour afficher du contenu, mais avec l'évolution du Web, de plus en plus de webmestres manipulent le HTML pour obtenir des designs sophistiqués. C'est pour cette raison que le code source HTML de certaines pages Web est parfois complexe et difficile à lire. Pour clarifier le code des pages Web et séparer la conception des pages de leur contenu, le W3C recommande l'utilisation de feuilles de styles (CSS en anglais, abréviation pour Cascading Style Sheet) pour tout ce qui est lié au design, comme par exemple les images de fond ou les mises en page recherchées. Ce guide HTML se limite donc à la publication de votre information. Un guide CSS sera disponible sous peu pour toutes les questions design.