Créer sa première page HTML

Définir le type et l’encodage du fichier

La structure d'une page HTML étant apprise, commençons à coder.
Il nous faut :
1) au moins un éditeur de texte (je vais ici travailler avec Sublime Text) ;
2) quelques navigateurs.

Allons droit au but :
Oubrez votre éditeur de texte et créez un nouveau fichier.
  Il suffit juste de double-cliquer sur Sublime Text, vous êtes directement sur une sorte de feuille noire.

Je signale en passant que nous allons créer une page html et utiliser l’encodage utf-8.

Pour définir le type de page, vous avez deux choix : soit vous « enregistrez votre fichier sous » et vous changez l’extension de celui-ci en « .html » lorsqu’on vous demande de choisir le nom du fichier et le dossier dans lequel il doit être enregistré, soit vous définissez cela directement dans votre éditeur via l’un de ses onglets.

Nous allons utiliser le format HTML5.

Ensuite, nous devons définir l’encodage utilisé car notre élément meta ne suffit pas : il faut également le préciser dans notre éditeur.

Nous sommes prêts, nous n’avons plus qu’à nous occuper de notre fichier en soi.

Ecrire et enregistrer notre fichier

Dans ce nouveau fichier, écrivons la structure d’une page HTML afin qu’elle soit valide comme nous l’avons appris au chapitre précédent.

Ensuite, ajoutons simplement deux éléments h1 et p à l’intérieur de notre élément body afin de rajouter un peu de contenu dans notre page.

Essayer ce code

Dès que c’est fait, nous pouvons immédiatement enregistrer la page comme vous le feriez pour n’importe quel document.

Je vous conseille de créer un dossier séparé sur votre bureau dans lequel vous placerez tous les fichiers que nous créerons durant ce cours. Cela vous permettra d’avoir une meilleure vision d’ensemble sur vos fichiers et sur les progrès réalisés.

Lorsque vous enregistrez une page, quelque soit le langage informatique utilisé, évitez les espaces et les caractères spéciaux (caractères accentués, etc.) dans le nom de la page.

Pour afficher le résultat correspondant à la page que nous venons de créer, c’est très simple : vous n’avez qu’à double-cliquer sur votre fichier tout juste enregistré.

Votre page s’ouvre alors automatiquement dans votre navigateur par défaut.

Note : il est possible, que lorsque vous double-cliquiez sur votre document celui-ci se retrouvre dans votre éditeur de texte plutôt que dans votre navigateur.

Cela peut arriver si votre éditeur de texte a été défini comme le programme par défaut pour ouvrir ce type de document.

Dans ce cas là, faites simplement un clic droit sur votre document puis choisissez « ouvrir avec… » et choisissez votre navigateur favori.