Que construit-on avec un fichier HTML ?
HTML décrit la structure du contenu d'une page. Une page peut contenir des titres, paragraphes et liens sans script. MDN explique les bases du HTML, consulté le 10 septembre 2026.
L'objectif de cet exercice est modeste : écrire une page compréhensible, l'ouvrir et savoir retrouver son fichier source. Aucun logiciel de création de site payant n'est nécessaire à l'exemple. Nous ne promettons ni mise en page professionnelle ni formulaire fonctionnel avec quelques balises.
Créer un fichier que vous pouvez retrouver
Préparez un dossier nommé mon-site et ouvrez un éditeur de texte brut. Enregistrez le document sous index.html, avec un encodage UTF-8. Vérifiez que le nom ne se termine pas par .txt ajouté automatiquement.
Voici un exemple original et fictif de page pour un carnet de croquis :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mon carnet de croquis</title>
</head>
<body>
<header>
<h1>Mon carnet de croquis</h1>
<p>Une sélection personnelle de dessins et de notes.</p>
</header>
<main>
<h2>Pourquoi ce carnet ?</h2>
<p>Je rassemble ici mes observations dessinées.</p>
<h2>La prochaine page</h2>
<p>Elle présentera un croquis et son contexte.</p>
</main>
<footer>
<p>Exemple fictif à remplacer avant publication.</p>
</footer>
</body>
</html>
Remplacez le titre et les textes par votre sujet. Gardez un intitulé clair pour chaque section. Ce code n'envoie aucune donnée et n'utilise aucune ressource extérieure. Il ne constitue pas un audit d'accessibilité complet.
Ouvrir, modifier et contrôler
Ouvrez le fichier avec votre navigateur. Modifiez une phrase dans l'éditeur, enregistrez, puis actualisez la page. Ce petit aller-retour permet de vérifier que vous modifiez bien le fichier affiché.
Si les accents paraissent incorrects, contrôlez l'encodage du fichier et la déclaration charset. Si les balises apparaissent comme du texte, vérifiez que l'éditeur n'a pas ajouté une extension ou enregistré un document enrichi.
Avant d'ajouter une image, posez-vous deux questions : apporte-t-elle une information et avez-vous le droit de la publier ? Une illustration utile mérite une description adaptée. N'ajoutez pas un visuel uniquement pour remplir l'espace vide.
Préparer une version transportable
Placez les ressources nécessaires dans le même dossier de travail, avec des noms simples. Évitez les liens vers un chemin personnel de votre ordinateur : ce chemin n'existera pas chez le visiteur.
Pour contrôler votre préparation, copiez le dossier vers un autre emplacement et ouvrez la copie. Cette vérification locale ne remplace pas un contrôle public, mais elle peut révéler une dépendance oubliée.
Ne mettez dans ce dossier ni mot de passe, ni document privé, ni fichier de configuration contenant un secret. Considérez chaque fichier envoyé comme susceptible d'être consulté.
Passer de votre ordinateur à une adresse publique
Une adresse commençant par file désigne un fichier local. La copier dans un message ne donne pas accès à votre ordinateur au destinataire. Il faut choisir un hébergement pour site statique.
Pour un dossier prêt à publier, consultez Cloudflare Pages par dépôt de fichiers. Pour un exercice personnel compatible avec ses conditions, GitHub Pages constitue un autre parcours.
Après publication, ouvrez l'adresse fournie sur un autre appareil. Vérifiez que vous voyez votre dernière phrase, puis chaque ressource ajoutée. La réussite locale et la réussite publique sont deux observations différentes.
Questions fréquentes
Le fichier est-il déjà sur Internet quand je l'ouvre ?
Non. L'ouverture locale sert à lire votre travail sur votre ordinateur. Une publication distincte rend les fichiers accessibles depuis une adresse publique.
Dois-je apprendre JavaScript pour cette page ?
Pas pour l'exemple proposé. Ajoutez une interaction seulement lorsque vous savez précisément ce qu'elle doit apporter au lecteur.
Puis-je coller un mot de passe dans le HTML pour protéger la page ?
Non. Le contenu livré au navigateur peut être consulté. Une protection d'accès exige une solution adaptée, pas un secret inscrit dans la page.
Sources
Documentation consultée lors de la relecture du 10 septembre 2026.