Maison interface Web tutoriel HTML Comment ouvrir des fichiers HTML

Comment ouvrir des fichiers HTML

Dec 01, 2018 pm 04:19 PM
html

Le HTML peut être écrit en écrivant un programme dans l'éditeur, puis en l'enregistrant, puis en ouvrant et en exécutant le fichier via le navigateur. Vous pouvez également écrire des styles HTML via le navigateur

N'importe quel navigateur Web tel que. Internet Explorer, Firefox, Chrome, etc. peuvent être utilisés. Ouvrez et affichez correctement le fichier HTML. Ensuite, je présenterai en détail comment ouvrir le fichier HTML dans l'article. J'espère que cela vous sera utile.

[Cours recommandés : cours HTML ]

Comment ouvrir des fichiers HTML

Qu'est-ce qu'un fichier HTML ?

L'extension de fichier d'un fichier est un fichier Hypertext Markup Language et est le nom d'un type de fichier de page Web standard sur Internet. Pour les fichiers HTML, étant donné que les fichiers HTML sont des fichiers de texte brut, ils contiennent uniquement du texte et des références de texte à d'autres fichiers externes (tels que des styles CSS).

Comment ouvrir des fichiers HTML

Si vous souhaitez ouvrir un fichier html, vous devez d'abord les créer dans un éditeur, comme les logiciels sublimes, ou ceux dont les fonctions ne sont pas aussi dédiés qu'un logiciel riche en éditeur HTM tel que le Bloc-notes peut être exécuté sur le navigateur tant que vous l'enregistrez sous forme de fichier HTML, mais il est préférable d'utiliser un éditeur professionnel

Exemple : Créez un code HTML dans sublime Le fichier s'appelle demo.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div style="width:100px;height:100px;
background-color: pink"></div>
</body>
</html>
Copier après la connexion

Comment ouvrir des fichiers HTML

Ce qui suit est un exemple d'une page HTML très simple, alors comment l'ouvrir après l'avoir créée

(1) Après édition et enregistrement, cliquez sur le bouton droit de la souris et sélectionnez "Ouvrir dans Parcourir" pour ouvrir dans le navigateur par défaut

(2) Nous pouvons également l'ouvrir dans le navigateur de notre propre choix et sélectionnez Ouvrir sous le fichier Méthode, puis sélectionnez le navigateur que vous souhaitez ouvrir

Effet d'ouverture du navigateur

Comment ouvrir des fichiers HTML

Dans le navigateur, nous pouvons modifier le code HTML document en cochant la touche F12

Exemple : Modifier la couleur de fond dans le navigateur

Comment ouvrir des fichiers HTML

Rendu :

Comment ouvrir des fichiers HTML


Lorsque le fichier ne peut pas être ouvert

Généralement, les fichiers HTML sont faciles à ouvrir car ce sont des fichiers texte qui peuvent être visualisés par n’importe quel navigateur Web. Si notre fichier ne s'ouvre pas ou que l'interface du navigateur ne répond pas, nous pouvons vérifier s'il y a un problème avec le nom de suffixe de notre fichier et vérifier si le format de code est correct via F12

Résumé : Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à tous ceux qui apprennent le HTML.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Bordure de tableau en HTML Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

Tableau imbriqué en HTML Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

Marge gauche HTML Marge gauche HTML Sep 04, 2024 pm 04:48 PM

Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

Espace réservé d'entrée HTML Espace réservé d'entrée HTML Sep 04, 2024 pm 04:54 PM

Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.

Déplacer du texte en HTML Déplacer du texte en HTML Sep 04, 2024 pm 04:45 PM

Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.

Liste ordonnée HTML Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

Bouton HTML onclick Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.

See all articles