如何打开HTML文件-html教程-PHP中文网

如何打开HTML文件

清浅

发布： 2018-12-01 16:19:32

原创

9649 人浏览过

HTML通过在编辑器上编写程序然后保存，再通过浏览器打开运行文件，还可以通过浏览器编写HTML样式

任何Web浏览器比如Internet Explorer，Firefox，Chrome等都可以打开并正确显示HTML文件，接下来在文章中将和大家详细介绍如何打开html文件，希望对大家有所帮助。

【推荐课程：html课程】

什么是HTML文件

一个文件的文件的扩展名是超文本标记语言的文件，并是互联网上的标准网页文件类型的称为HTML文件，由于HTML文件是纯文本文件，因此它们只包含文本以及对其他外部文件的文本引用（比如CSS样式）。

如何打开HTML文件

想打开一个html文件，首先要在编辑器上去创建它们，比如sublime软件，或者是那些功能并不像专用的HTM编辑器那么丰富的软件比如记事本只要你保存为html文件就可以在浏览器上运行，不过最好还是使用专业性的编辑器比较好

例：在sublime里创建一个HTML文件，命名为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>

登录后复制

如何打开HTML文件

以下就是一个以非常简单的HTML页面的示例，那么我们创建好后如何打开它呢

（1）编辑好后保存之后点击鼠标的右键选择“open in Browse"在默认浏览器中打开

（2）我们还可以通过自己选择浏览器打开，在文件下选择打开方式然后选择想要打开的浏览器

浏览器打开效果

如何打开HTML文件

在浏览器中我们可以通过F12键的检查来修改html文档

例：在浏览器中修改背景颜色

未标题-1.jpg

效果图：

未标题-2.jpg

无法打开文件时

一般情况下HTML文件很容易打开的，因为它们是任何Web浏览器都可以查看的文本文件。如果我们的文件没有打开或者浏览器界面没有任何反应，我们可以检查我们文件的后缀名是否有问题以及通过F12检查代码格式是否正确

总结：以上就是本篇文章的全部内容，希望对大家学习HTML有所帮助。

以上是如何打开HTML文件的详细内容。更多信息请关注PHP中文网其他相关文章！

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

如何打开HTML文件