Créez un fichier texte .html, ouvrez-le dans le navigateur et distinguez le document local de sa publication sur un hébergement.
Comprendre ce que contient un fichier HTML
HTML est un langage de balisage qui décrit les éléments d’une page : titres, paragraphes, liens, images ou tableaux. Le navigateur interprète ces éléments pour présenter le document. Un fichier portant l’extension .html peut être créé avec un éditeur de texte simple.
Le CSS règle la présentation et JavaScript peut ajouter des comportements. Ces rôles se complètent. Une page HTML peut toutefois afficher du texte et des liens sans JavaScript, ce qui est utile pour comprendre le fonctionnement d’un document de base.
Créer votre premier fichier index.html
Ouvrez un éditeur de texte brut et créez un fichier nommé index.html. Copiez l’exemple ci-dessous, puis enregistrez-le en UTF-8. Vérifiez que le nom ne se termine pas par .html.txt lorsque votre système masque les extensions. Un traitement de texte qui produit un document Word ne convient pas à cette étape.
Cet exemple est autonome : il ne charge ni bibliothèque ni ressource distante. Vous pouvez remplacer le titre et le paragraphe par vos propres textes. Le titre de l’onglet et le titre visible de la page correspondent à deux éléments différents.
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ma première page</title>
</head>
<body>
<main>
<h1>Bienvenue sur ma page</h1>
<p>Un premier document HTML, simple et lisible.</p>
</main>
</body>
</html>Ouvrir et modifier la page sur votre ordinateur
Ouvrez le fichier avec votre navigateur. Vous verrez la page interprétée, tandis que l’éditeur montrera les balises. Modifiez une phrase dans l’éditeur, enregistrez le fichier et rechargez la page pour observer le changement.
Une adresse qui commence par file indique généralement un document local. Il n’est pas pour autant publié sur Internet. Pour un projet plus avancé, un serveur de prévisualisation permet de tester des comportements qui ne fonctionnent pas de la même façon depuis un fichier ouvert directement.
Comprendre les chemins des images et des liens
Un chemin relatif dépend de l’emplacement du document. Si une image est rangée dans un dossier images voisin du fichier HTML, son adresse doit correspondre à cette organisation. Un chemin vers votre disque personnel ne sera pas accessible aux visiteurs du site publié.
Conservez les noms de fichiers et leur casse de manière cohérente. Testez les liens après déplacement du dossier. Un site peut paraître complet sur l’ordinateur qui l’a créé tout en manquer d’images ailleurs, simplement parce que certaines ressources n’ont pas été livrées.
Publier un fichier ne suffit pas à construire tout un service
Un hébergeur peut servir des fichiers HTML, CSS et des images. En revanche, traiter un paiement, envoyer un e-mail depuis un formulaire ou interroger un service privé peut demander un traitement serveur. Renommer un fichier ne crée pas cette fonctionnalité.
Sur ce site, plusieurs outils fonctionnent dans le navigateur, mais le diagnostic SEO et IA utilise aussi un service pour explorer une adresse publique. Cette distinction explique pourquoi la livraison d’un dossier statique ne déploie pas automatiquement toutes les fonctions.
Relire la structure avant de mettre en ligne
Vérifiez le titre, la langue, les titres de sections et les destinations des liens. Les éléments doivent exprimer leur rôle, pas seulement produire un effet visuel. Un texte plus gros ne remplace pas toujours un titre correctement balisé.
La création d’un site web ajoute la conception des parcours, l’accessibilité et les vérifications de publication. Le guide sur l’indexation explique ensuite les conditions de découverte par Google. Un fichier consultable ne bénéficie pas automatiquement d’une visibilité dans les moteurs.