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
- Les Caractères Spéciaux
- Afficher du Texte
- Mettre votre Texte en Forme
- Créer un Lien
- Insérer une Image
- Afficher une Liste
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.