Édition

DéfinitionLes Éditeurs

La réalisation d'une page en HTML peut se faire dans n'importe quel éditeur de texte. Cependant, différents logiciels intègrent des fonctionnalités permettant de simplifier l'écriture.

Visual Studio Code, Brackets, Sublime, Eclipse, NetBeans, PSPAD, Notepad++...

Par exemple l’auto-complétion du code, l'indentation automatique, la colorisation des contenus...

Il n'y a pas d'éditeur miracle, le choix d'un éditeur est aussi subjectif que le choix d'un téléphone portable. Une pléthore de blog vous présenteront l'éditeur parfait, pour finir la discussion en troll.

DéfinitionExtension

Afin qu'ils soient correctement interprétés par vos navigateurs, vous devez mettre l'extension htm ou html à vos fichiers.

DéfinitionStructure

Pour interpréter correctement une page texte, un navigateur a besoin d'informations que l'on peut lui transmettre dans le haut de la page.

1
<!doctype html>

Le doctype indique au navigateur l'ensemble des règles que vous avez utilisées pour réaliser la page. Un peu, comme si vous commenciez une discussion en disant "français".

1
<!doctype html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8" />
5
    <title>Titre de la page</title>
6
  </head>
7
  <body>
8
    <!-- contenu de la page -->
9
  </body>
10
</html>

<html lang="fr"> : la page contiendra du html et le texte sera en français

<head> : entre<head> et </head> on retrouve des informations générales sur le document

<meta> : métadonnées sur la page

<title> : titre apparaissant dans l'onglet des navigateurs

<body> : c'est à partir de là que vous pourrez écrire le contenu de votre page

< !-- ... --> : commentaire qui n’apparaîtra pas à l'écran