Comment ouvrir, lire et modifier un fichier HTML ?

Si vous avez parcouru un site web d’actualités ou d’e-commerce dans les années 2000, ce dernier a sans aucun doute été créé en HTML. Ce langage existe en effet depuis des décennies, mais il est désormais en concurrence avec d’autres langages et plateformes de développement web plus avancés.

Le langage HTML reste malgré tout utile, particulièrement pour la formation et l’enseignement. Dans ce guide, retrouvez toutes les informations nécessaires pour tout comprendre sur le format de fichier HTML.

Sommaire :

Qu’est-ce qu’un fichier HTML ?

Le HTML est un langage utilisé pour structurer de nombreuses pages web et le fichier HTML contient l’ensemble des lignes de code nécessaires. Un fichier HTML peut être créé à partir d’un simple éditeur de texte, comme Notepad ou TextEdit, ou bien à l’aide d’un logiciel de développement web spécialisé, tel que Adobe Dreamweaver.

Ce type de fichier possède toujours une extension .html ou .htm. Il est composé de lignes de texte séparées par des « balises » qui indiquent la position de chaque élément sur la page web. Voici quelques exemples de balises les plus courantes :

<H1> : titre de la page principale ;
<body> : corps de la page ;
<p> : paragraphe ;
<b> : texte en gras.

Le langage HTML se base principalement sur le SGML (Standard Generalised Mark-up Language), un langage de description à balises de norme ISO. Les versions initiales du HTML ne pouvaient gérer que du texte, mais il peut désormais inclure également des images, des vidéos et des éléments graphiques.

Que signifie HTML ?

HTML signifie Hypertext Mark-up Language. Dès le début des années 1990, l’abréviation HTML, beaucoup plus simple, s’est rapidement imposée auprès de la communauté de scientifiques et chercheurs. C’est à partir des années 2000 que le format HTML s’est fait largement connaître, même auprès du grand public.

L’hypertexte est une innovation de la fin des années 1980 qui permet de passer d’un fichier à un autre sur le même ordinateur grâce à un système de renvois. Cette fonctionnalité est au cœur de la création d’une page web en HTML.
Le HTML est le langage de base d’un site web. Le balisage permet de détailler la manière dont les informations sont présentées sur la page web, avec des symboles pour encadrer et positionner les différents éléments sur la page.

-

Gérez vos documents efficacement

Utilisez les outils d’Adobe Acrobat en ligne pour tous vos projets de création et d’édition de documents.

Convertir un fichier de texte en PDF

background

#F5F5F5

L’histoire du HTML

Le langage HTML a fait son apparition au début des années 1990. À cette époque, Internet était principalement utilisé par une poignée de scientifiques et d’universitaires. Le HTML a été développé en 1992 par Tim Berners-Lee, l’informaticien à l’origine du World Wide Web, afin d’aider à structurer les premiers contenus en ligne et à leur donner du sens.

Amélioration du HTML sur les premiers navigateurs Web

Après avoir développé le HTML, Tim Berners-Lee encourage ses collègues à créer leurs propres documents HTML, ainsi qu’un logiciel capable de lire ce type de fichiers. En collaboration avec d’autres pionniers de l’informatique, Tim Berners-Lee peaufine le langage HTML en le testant sur les tout premiers navigateurs Web. Mais dès le milieu des années 1990, c’est le navigateur Web lancé par la nouvelle entreprise Netscape qui domine le marché et le langage HTML doit à nouveau s’adapter.

L’arrivée d’Internet Explorer et la standardisation des formats HTML

Alors que l’usage d’Internet se démocratise en quittant les seuls laboratoires de recherche pour s’installer dans les foyers, Microsoft lance son fameux navigateur Web : Internet Explorer. En quelques années seulement, Internet Explorer devient le navigateur le plus populaire existant. Avec le développement rapide d’Internet, de plus en plus de personnes ont donc recours aux fichiers HTML pour créer des sites web. Pour faciliter ce développement et par souci de cohérence, le format HTML a été standardisé par le W3C (World Wide Web Consortium).

À quoi sert un fichier HTML ?

Les développeurs web et les codeurs utilisent les fichiers HTML pour structurer du contenu sur une page Web. C’est ce qu’on appelle le développement front-end et cela renvoie à tous les éléments visibles et accessibles sur un site web.

Structuration d’une page web

Tout comme une page de magazine ou d’un journal, chaque page web possède sa propre mise en page. Ce sont les fichiers HTML qui rendent la structuration d’une page possible. Plus spécifiquement, les fichiers HTML communiquent avec le navigateur web pour lui indiquer où afficher les différents éléments de la page en fonction du balisage indiqué.

Création des éléments d’une page

Les développeurs web créent des éléments HTML pour définir la mise en page des sites web. Pour cela, ils utilisent les différentes balises existantes qui sont composées de deux chevrons (< >) au milieu desquels se trouve le nom de l’élément (titre, paragraphe, image, etc.).

Par exemple, le titre d’une page en HTML peut ressembler à ceci :

Le guide complet du HTML

Découvrez d’autres types de fichiers.

Avantages et inconvénients des fichiers HTML

Comme n’importe quel autre format de fichier, l’utilisation de fichiers HTML présente des avantages et des inconvénients.

Avantages

Facile à apprendre : si vous êtes novice en développement web, le HTML est le langage le plus simple pour débuter, que ce soit pour créer ou éditer du contenu en HTML.
Format ouvert : le HTML est un format ouvert, ce qui signifie qu’il est accessible à tous de manière gratuite et qu’il est encodé de façon transparente.
Prise en charge étendue des navigateurs : le langage HTML est compatible avec tous les navigateurs Web. Les pages web écrites en HTML peuvent donc être visualisées par tous les utilisateurs, quel que soit leur navigateur.
Intégration fluide : le HTML fonctionne bien avec les autres langages informatiques. Un fichier HTML peut par exemple fonctionner avec du code CSS, un autre langage front-end.

Inconvénients

Manque de dynamisme : de nos jours, les pages web sont plutôt dynamiques. Elles peuvent défiler sans fin, réagir et se réorienter selon les différentes tailles d’écran sur lesquelles elles s’affichent. D’autres langages, comme le CSS, sont alors nécessaires pour proposer ces fonctionnalités qui ne sont pas prises en charge par le HTML.
Différences entre les navigateurs : une page HTML peut s’afficher différemment sur un écran en fonction du navigateur utilisé. Par exemple, la mise en page sur Google Chrome peut être différente des pages affichées sur Firefox.
Chronophage : la création de pages HTML peut être laborieuse car de grandes quantités de codes sont nécessaires, même pour des pages plutôt simples. Il existe désormais des méthodes plus simples pour créer des pages web.

Comment ouvrir un fichier HTML ?

Pour ouvrir un fichier HTML, deux options sont possibles : l’ouvrir dans l’éditeur de texte utilisé pour le créer, notamment si vous souhaitez éditer le code, ou le visualiser depuis un navigateur web.

Ouvrir un fichier HTML dans TextEdit sur Mac

Si vous travaillez sur Mac, vous pouvez utiliser l’application TextEdit pour ouvrir votre fichier HTML :

Lancez TextEdit sur votre Mac ;
Choisissez Fichier > Ouvrir ;
Sélectionnez le fichier que vous souhaitez lire.

Cette méthode vous permet de visualiser votre page HTML telle qu’elle sera affichée en ligne. Pour modifier le code, sélectionnez l’option « Afficher les fichiers HTML sous forme de code HTML et non de texte formaté » à partir des réglages.

Visualiser un fichier HTML depuis votre navigateur

Pour visualiser votre fichier HTML sur un navigateur web, sélectionnez le fichier sur votre ordinateur puis faites un clic droit (ou double clic s’il s’agit d’un Mac) et choisissez « Ouvrir avec » Google Chrome, Microsoft Edge ou Firefox.

Comment créer et modifier un fichier HTML ?

Vous pouvez créer un fichier HTML à l'aide d'un éditeur de texte intégré à votre navigateur ou bien avec un simple éditeur de texte de bureau, comme Microsoft Notepad sur PC ou TextEdit sur Mac.

Créer un fichier HTML sur PC

Suivez les étapes suivantes pour créer un fichier HTML sur PC :

Ouvrez Notepad ;
Écrivez votre code HTML sur la page blanche en utilisant du texte, des balises et des espaces ;
Sauvegardez le fichier (Fichier > Enregistrer sous) avec l’extension .html ;
Définissez l’encodage sur UTF-8.

Créer un fichier HTML sur Mac

Suivez les étapes suivantes pour créer un fichier HTML sur Mac:

Ouvrez TextEdit ;
Allez dans Fichier > Nouveau, puis dans Format > Créer du texte brut ;
Écrivez votre code HTML en utilisant du texte, des balises et des espaces ;
Enregistrez le document (Fichier > Enregistrer) avec l’extension .html ;
Choisissez Utiliser .html lorsque l’option vous est proposée.

Une fois sauvegardés, ces fichiers HTML peuvent toujours être édités.

Les fichiers HTML secondaires

.HTM

Les extensions .HTML et .HTM sont interchangeables. L’extension .HTM est utilisée comme alternative pour certains systèmes d’exploitation, comme Windows, qui requièrent des extensions à 3 lettres uniquement.

XHTML

XHTML est une version du HTML qui exige un balisage plus précis dans son codage et qui possède une meilleure gestion des erreurs. Cela permet de garantir son bon fonctionnement avec les fichiers de données XML.

Comment convertir un fichier HTML en PDF ?

Il est plutôt simple de convertir une page HTML en PDF, à condition d’utiliser le logiciel adéquat. Avec les outils PDF d’Adobe Acrobat, vous pouvez notamment enregistrer un fichier HTML au format PDF à partir de votre navigateur Web. Cela permet par exemple d’échanger facilement des fichiers HTML entre collègues tout en conservant le formatage et les fonctionnalités du document d’origine. Adobe Acrobat Pro est généralement nécessaire pour cela. Avec votre compte en ligne Adobe Acrobat, vous pouvez télécharger votre nouveau PDF et accédez à de nombreuses fonctionnalités : combiner vos fichiers PDF, réorganiser vos pages, diviser votre PDF, et bien d’autres.

En savoir plus sur les fichiers similaires au HTML

DAT

Un fichier DAT est un fichier de données qui concerne uniquement le programme utilisé pour le créer.

JS

JS est l’abréviation de JavaScript, l’un des langages de programmation back-end les plus utilisés.

XPS

Microsoft a développé les fichiers XPS pour gérer les informations de mise en page en vue de l’impression des documents.

TXT

TXT est l’extension utilisée dans la création de fichiers texte sur Notepad.

Modifiez, convertissez et partagez vos documents

Découvrez tous les outils d’Adobe Acrobat en ligne pour gérer au mieux vos fichiers.

Essayez les outils en ligne d'Adobe

background

#F5F5F5

FAQ fichier HTML

Les fichiers HTML sont-ils sécurisés ?

Vous ne devriez pas rencontrer de problèmes de sécurité en créant un fichier HTML à partir d’un appareil protégé. Des études récentes se sont malgré tout interrogées sur la sécurité des fichiers HTML, particulièrement lorsque ceux-ci sont envoyés en pièce jointe. L’entreprise de cybersécurité Barracuda Networks a notamment révélé une étude qui indique qu’un cinquième des pièces jointes HTML analysées au cours de l’enquête étaient malveillantes. Il est donc important d’avoir un antivirus à jour et de faire preuve de vigilance avec les pièces jointes reçues.

Comment créer un fichier HTML ?

Un fichier HTML est un fichier contenant du texte utilisé pour structurer le contenu d’une page web. Vous pouvez écrire du code HTML dans Notepad ou TextEdit, et le copier ensuite dans un éditeur HTML professionnel comme Adobe Dreamweaver. Il est également possible d’écrire du code directement dans Dreamweaver ou tout autre outil de création de sites web.

Comment convertir du HTML en PDF ?

Avec le bon logiciel, vous pouvez convertir très simplement des pages HTML en PDF. Avec les outils PDF d’Adobe Acrobat, vous pouvez notamment enregistrer un fichier HTML au format PDF à partir de votre navigateur Web. Cela permet par exemple d’échanger facilement des fichiers HTML entre collègues tout en conservant le formatage et les fonctionnalités du document d’origine. Adobe Acrobat Pro est généralement nécessaire pour cela.

Où a été inventé le HTML ?

C’est l’informaticien Sir Tim Berners-Lee qui a inventé le HTML depuis le centre de recherches scientifiques du CERN à Genève, en Suisse. C’est lui qui a écrit la première version du HTML en 1993, après son invention du World Wide Web en 1989.

Faut-il débuter avec CSS ou HTML ?

HTML et CSS sont tous deux des langages utilisés en front-end dans la construction de sites web. Ils sont d’ailleurs souvent utilisés ensemble, le langage HTML servant de base pour la structure et le contenu de la page et le CSS aidant ensuite à créer le visuel de la page en y ajoutant des effets, des couleurs, etc. L’idéal est donc de pouvoir travailler avec les deux langages.