Ma première page en HTML
Qu’est-ce que le HTML ?
Le HTML est l’un des langages lisibles par les systèmes informatiques qui permettent des interactions entre les ordinateurs et les êtres humains. Il permet de définir et de structurer les éléments typiques d’un document textuel tels que les titres, paragraphes, listes, tableaux ou graphiques, tout en les marquant en conséquence. La représentation visuelle est réalisée à l’aide du navigateur Web qui interprète les lignes de code pour ensuite afficher les différents éléments. En outre, le code HTML peut contenir des informations sous forme de métadonnées. De nos jours, le HTML est principalement utilisé comme langage de balisage uniquement dans sa fonction descriptive, tandis que les langages pour les feuilles de style comme CSS (Cascading Style Sheets) sont utilisés pour définir le design. Dans les débuts du Web, cependant, il était assez courant de faire les ajustements visuels avec HTML.
HTML a évolué à partir de SGML (Standard Generalized Markup Language), un méta-langage de norme ISO reconnue (8879:1986) qui a largement disparu. Le style des éléments SGML peut donc se retrouver en HTML. La plupart du temps, on aura alors deux balises marquant l’une le début et l’autre la fin, à savoir respectivement <> et </>. Pour certains éléments, la balise de fin n’est pas nécessaire. Par ailleurs, quelques éléments sans contenu existent, comme le saut de ligne <br>. En plus des balises, on retrouve également quelques éléments d’origine dans les propriétés HTML suivantes :
- Déclaration du type de document : indication de la version HTML utilisée, par exemple <!DOCTYPE HTML PUBLIC « -//W3C//DTD HTML 4.01 Transitional//EN » « http://www.w3.org/TR/html4/loose.dtd »
>.
- Utilisation d’entités de caractères : utilisation d’entités pour les unités récurrentes, telles que < pour « < » ou & pour « & ».
- Marquage des commentaires : les commentaires sont ajoutés en HTML selon le motif <!–Commentaire–>.
- Attributs : propriétés complémentaires des balises selon le schéma <tag attribut= »valeur »>
Création de la première page HTML
Dans cette première étape de notre tutoriel HTML, nous vous invitons à créer une première page simple que vous pourrez afficher à l’aide de votre navigateur. Cependant, il ne s’agit pas encore d’une page HTML valide structurée selon certaines normes, mais d’une page de test. Pour créer cette page et pour l’ensemble des exemples HTML de ce tutoriel, nous avons décidé d’utiliser l’éditeur Notepad++ déjà mentionné ci-dessus. Si vous utilisez un autre programme, la procédure peut différer légèrement.
Ouvrez d’abord l’éditeur et enregistrez le nouveau fichier sous le nom test. Sélectionnez « Fichier Hypertext Markup Language » comme format de fichier, afin que le navigateur sache plus tard qu’il s’agit d’une page HTML. Autrement, si vous utilisez un éditeur simple, vous devez sélectionner le type « Tous les fichiers » (codage: UTF-8) et spécifier qu’il s’agit d’une page HTML directement dans le champ « Nom du fichier » en effectuant la sauvegarde sous le nom test.html.
L’icône du fichier généré va afficher votre navigateur Web. Vous pouvez ouvrir la page en double-cliquant sur l’icône, mais comme vous n’avez pas encore saisi de contenu, vous ne verrez qu’une page blanche. Maintenant, ajoutez un petit texte test, par exemple « Ceci est ma première page HTML », enregistrez le document, et ouvrez à nouveau le fichier test.html. Le résultat en anglais devrait ressembler à ceci :
.