如何打开HTML文件-木庄网络博客

本文摘自PHP中文网，作者清浅，侵删。

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页面的示例，那么我们创建好后如何打开它呢

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

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

浏览器打开效果

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

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

未标题-1.jpg

效果图：

未标题-2.jpg

无法打开文件时

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

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

以上就是如何打开HTML文件的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 如何打开HTML文件

如何打开HTML文件

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论