Comment partager un fichier HTML pour qu’il s’ouvre comme une page web

Pour partager un fichier HTML et que votre interlocuteur voie une page web, mettez le fichier en ligne et envoyez-lui le lien. Un hébergeur statique transforme rapport.html en une adresse comme https://rapport.htmlkin.io en moins d’une minute, et ce lien s’ouvre dans n’importe quel navigateur, sur ordinateur comme sur smartphone. En pièce jointe ou via Google Drive, le fichier arrive chez le destinataire sous forme de code ou de téléchargement.

La question revient souvent depuis que les assistants IA produisent du HTML. Claude, ChatGPT et Gemini livrent rapports, présentations et tableaux de bord sous forme d’un seul fichier .html, et la personne qui les a demandés doit ensuite les montrer à quelqu’un. Aux États-Unis, d’après les données Google Ads, les recherches en anglais « how to share a html file » sont passées d’environ 90 par mois en septembre 2025 à 320 en avril 2026.

Au programme : pourquoi le fichier « casse » en route, le moyen le plus rapide d’obtenir un lien, toutes les méthodes courantes avec ce que voit réellement le destinataire, et que faire quand la page utilise des fichiers CSS, des scripts ou des images séparés.

En bref

• Pour partager un fichier HTML comme une page web, déposez-le sur un hébergeur statique et envoyez le lien. htmlkin, Tiiny Host et Netlify Drop le font par glisser-déposer.
• Une pièce jointe s’ouvre en code ou se télécharge. Google Drive et Dropbox n’affichent plus le HTML comme une page depuis 2016.
• Si quelqu’un doit modifier le code, utilisez CodePen. S’il doit ouvrir la page hors ligne, compressez le dossier en ZIP et indiquez-lui d’ouvrir index.html.
• Si la page utilise des fichiers CSS, JavaScript ou des images séparés, déposez le dossier entier ou un ZIP avec index.html à la racine.

Pourquoi le fichier HTML ne s’ouvre-t-il pas chez le destinataire ?

Un fichier HTML sur votre ordinateur est un document ; une page web, c’est ce même document servi par un serveur web à une adresse. Quand vous joignez le fichier à un e-mail ou l’envoyez dans une messagerie, c’est l’application du destinataire qui décide comment l’afficher, et la plupart le traitent comme un document à prévisualiser ou à télécharger.

C’est pourquoi le même fichier se comporte différemment selon le canal :

• Gmail sur le web affiche l’aperçu de la pièce jointe sous forme de code HTML brut. La page ne s’affiche qu’une fois le fichier téléchargé et ouvert dans un navigateur (base de connaissances informatique de l’université du Michigan, en anglais).
• Google Drive a cessé l’hébergement web le 31 août 2016 (Google Workspace Updates). Un fichier .html partagé s’ouvre dans la visionneuse de Drive ou se télécharge.
• Dropbox a arrêté d’afficher le HTML dans le navigateur le 3 octobre 2016 pour les comptes Basic et le 1er septembre 2017 pour les comptes payants et professionnels. Les liens partagés proposent désormais un téléchargement (TidBITS, Aide Dropbox).

Beaucoup de réponses sur les forums recommandent encore Drive et Dropbox. Elles datent d’avant 2016.

La seconde raison, ce sont les chemins relatifs. Si votre page charge style.css, app.js ou images/logo.png, ces fichiers se trouvent à côté d’index.html sur votre disque. Envoyez le HTML seul, et le destinataire obtient une page sans styles, avec des images cassées.

Le plus rapide : transformer le fichier HTML en lien

Déposez le fichier sur un hébergeur statique et copiez l’adresse qu’il vous donne. Sur htmlkin, cela tient en quatre étapes, sans compte :

1. Ouvrez htmlkin.io. Le formulaire de dépôt se trouve sur la page d’accueil.
2. Déposez le fichier. Un fichier .html seul, un dossier entier ou une archive ZIP : tout fonctionne.
3. Choisissez un nom de sous-domaine, ou gardez celui proposé au hasard.
4. Copiez le lien, par exemple https://rapport-trimestriel.htmlkin.io, et envoyez-le par e-mail, messagerie ou SMS.

Le destinataire clique et voit la page : les styles, les scripts et les images fonctionnent, parce qu’un serveur web les livre comme le navigateur l’attend. Chaque site reçoit automatiquement le HTTPS.

Sans compte, le lien reste actif 24 heures, de quoi faire relire rapidement. Après une inscription gratuite, le site reste en ligne tant qu’il reçoit des visites : au bout de 30 jours sans visite, il passe en archive, et vous pouvez le restaurer depuis votre espace pendant encore 30 jours. L’offre gratuite comprend un site, 20 Mo de stockage et un nom de domaine personnalisé. Tous les détails sur la page hébergement HTML gratuit.

Deux autres services fonctionnent de la même façon :

• Tiiny Host — offre gratuite avec une page ou un site jusqu’à 3 Mo et 5 000 visites par mois. Les pages gratuites affichent la bannière Tiiny Host, et il faut se connecter au compte au moins une fois tous les trois mois pour que le lien reste actif.
• Netlify Drop — glissez un dossier sur la page. Sans compte, le site est protégé par un mot de passe temporaire, et vous avez une heure pour le rattacher à un compte Netlify avant sa suppression (Netlify Docs, blog Netlify).

Toutes les façons de partager un fichier HTML, comparées

La méthode détermine ce que voit le destinataire. Voici l’ensemble des options, de la pièce jointe à l’hébergement, avec ce qui se passe de l’autre côté.

Les pièces jointes et les messageries transmettent le fichier : le destinataire doit le télécharger et l’ouvrir dans un navigateur sur ordinateur. Cela convient à un collègue qui sait ce qu’est un fichier HTML, beaucoup moins à un client.

Les services de stockage en ligne stockent le fichier et le partagent comme un fichier. Depuis 2016, ni Google Drive ni Dropbox ne servent le HTML comme une page.

Les bacs à sable de code comme CodePen affichent la page à côté de son code source. Ils conviennent à un développeur qui veut lire ou modifier le code.

Les hébergeurs statiques servent le fichier comme une page à une adresse publique. C’est la seule catégorie où le destinataire clique sur un lien et voit exactement ce que vous voyez.

Peut-on envoyer un fichier HTML par e-mail ou par WhatsApp ?

Oui, vous pouvez l’envoyer, et le destinataire recevra un fichier. Pour le voir comme une page, il devra le télécharger et l’ouvrir dans un navigateur sur ordinateur. Dans Gmail sur le web, l’aperçu affiche du code, ce qui donne souvent l’impression que « le fichier est cassé ».

Si vous envoyez quand même le fichier :

1. Compressez le dossier en ZIP si la page contient du CSS, des scripts ou des images, pour que tout parte ensemble.
2. Expliquez la marche à suivre : décompresser, puis double-cliquer sur index.html.
3. Attendez-vous à des soucis sur mobile : les téléphones ouvrent les pièces jointes dans des visionneuses intégrées, où une page qui dépend de JavaScript peut ne pas fonctionner.

Un lien évite ces trois étapes. Collez-le dans le corps de l’e-mail ou dans la conversation, et il s’ouvre d’un simple appui sur n’importe quel appareil.

Et si la page utilise du CSS, du JavaScript ou des images ?

Déposez le dossier entier ou un ZIP avec index.html à la racine. L’hébergeur conserve l’arborescence, si bien que style.css et images/logo.png se chargent exactement comme sur votre machine.

Avant l’envoi, vérifiez trois points :

• Les chemins sont relatifs. src="images/logo.png" fonctionne partout. src="C:\Users\camille\Desktop\site\logo.png" ou file:///… ne fonctionne que sur votre ordinateur.
• La page d’entrée s’appelle index.html. Sur htmlkin, la page d’entrée est index.html à la racine du dossier ou de l’archive ; à défaut, c’est le premier fichier HTML de la racine qui s’ouvre.
• L’archive ne contient pas de dossier en trop au premier niveau. Compressez le contenu du dossier du site, pour qu’index.html se trouve directement à la racine du ZIP.

Un site sur htmlkin peut contenir jusqu’à 500 fichiers. Les pages générées par les assistants IA sont en général autonomes : le CSS et le JavaScript sont intégrés au fichier .html unique, que vous pouvez déposer tel quel.

Comment partager un fichier HTML créé par une IA

Téléchargez le fichier depuis le chat et déposez-le sur un hébergeur, ou publiez-le directement depuis le chat. Trois approches, de la plus manuelle à la plus automatique :

1. Télécharger puis déposer. Enregistrez le HTML produit par Claude, ChatGPT ou Gemini, puis déposez-le sur la page d’accueil de htmlkin. Cela fonctionne avec n’importe quel assistant.
2. Publier depuis ChatGPT en un clic. L’extension de navigateur htmlkin (page en anglais) ajoute un bouton « Publish to htmlkin.io » aux blocs de code HTML et au canevas sur chatgpt.com. Le lien public est copié directement dans le presse-papiers. La fenêtre de l’extension accepte aussi du HTML collé ou un fichier .html, depuis n’importe quel onglet.
3. Laisser l’assistant publier la page lui-même. Claude, Cursor et les autres clients MCP se connectent au serveur MCP de htmlkin et publient ou mettent à jour un site sur simple demande : « publie ce rapport et donne-moi le lien ». La configuration est décrite dans la documentation MCP ; le serveur MCP et l’API REST fonctionnent avec toutes les offres, y compris la gratuite.

Pour aller plus loin : publier un site créé avec l’IA.

Garder une page partagée privée ou à jour

Un lien public s’ouvre pour toute personne qui le possède. Trois réglages couvrent les besoins habituels :

• Protection par code PIN. Les visiteurs saisissent un code PIN à 4 chiffres avant l’ouverture de la page. Disponible avec les offres Pro et Business.
• Mises à jour à la même adresse. Déposez une nouvelle version du fichier, et le lien déjà envoyé affiche le nouveau contenu. Pratique pour un rapport qui change chaque semaine.
• Un nom de domaine personnalisé. Connectez rapport.votre-entreprise.fr avec un seul enregistrement DNS ; le certificat SSL est émis automatiquement. Disponible avec toutes les offres, y compris la gratuite.

L’offre Pro coûte 9,99 $ US par mois et comprend 10 sites, 1 Go de stockage, la protection par code PIN, les QR codes et les formulaires de contact. Le paiement est facturé en dollars ; votre banque peut appliquer des frais de change. La comparaison complète se trouve sur la page des tarifs.

FAQ

Comment envoyer un fichier HTML sous forme de lien ?

Déposez le fichier sur un hébergeur statique comme htmlkin, Tiiny Host ou Netlify Drop, copiez l’adresse obtenue et envoyez-la. Sur htmlkin, il suffit de déposer le fichier sur la page d’accueil pour obtenir un lien du type https://nom.htmlkin.io, sans créer de compte.

Mon destinataire pourra-t-il ouvrir un fichier HTML ?

Oui. Tous les navigateurs sur ordinateur ouvrent les fichiers HTML : un destinataire qui télécharge votre fichier peut double-cliquer dessus. Pour l’ouvrir comme une page sans le télécharger, il lui faut un lien vers une copie hébergée.

Peut-on partager un fichier HTML par e-mail ?

Vous pouvez le joindre, mais Gmail sur le web affiche les pièces jointes HTML sous forme de code, et le destinataire doit télécharger le fichier pour voir la page. Un lien vers une copie hébergée fonctionne dans toutes les messageries.

Comment partager un fichier HTML sur iPhone ?

Depuis l’app Fichiers, déposez le fichier sur un hébergeur dans Safari, puis partagez le lien via le menu de partage de Safari. Un lien s’ouvre sur n’importe quel téléphone ; un fichier .html joint s’ouvre dans la visionneuse du téléphone, où les scripts peuvent ne pas s’exécuter.

Existe-t-il un moyen gratuit de partager un fichier HTML sous forme de lien ?

Oui. htmlkin fournit un lien valable 24 heures sans compte et garde gratuitement un site en ligne après inscription. L’offre gratuite de Tiiny Host héberge un site jusqu’à 3 Mo avec bannière. Netlify Drop et GitHub Pages sont gratuits avec un compte.

À retenir

• Envoyez un lien, et le destinataire voit une page web. Envoyez le fichier, et il voit du code ou un téléchargement.
• Google Drive et Dropbox ne servent plus le HTML comme une page depuis 2016.
• Pour une page avec du CSS, des scripts ou des images, déposez le dossier entier ou un ZIP avec index.html à la racine.
• CodePen convient à la relecture de code ; un hébergeur statique convient à tout le reste.

Essayez avec votre propre fichier HTML sur htmlkin.io : le lien est prêt en une dizaine de secondes, sans inscription. Pour tout ce que couvre l’hébergement, consultez la page hébergement de pages HTML.

Sources

• Deprecating web hosting support in Google Drive — Google Workspace Updates, 2015
• Dropbox to discontinue HTML rendering, breaking hosted sites — TidBITS, 2016
• Modifications apportées au dossier Public Dropbox — Aide Dropbox
• HTML email attachments in Gmail on the web display as raw code — service informatique de l’université du Michigan
• Netlify Drop quickstart et The 13-year story of Netlify Drop — Netlify, consulté le 5 octobre 2026
• Host HTML File Free — Tiiny Host, consulté le 5 octobre 2026