首页 > web前端 > html教程 > 如何打开HTML文件

如何打开HTML文件

清浅
发布: 2018-12-01 16:19:32
原创
9673 人浏览过

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

任何Web浏览器比如Internet Explorer,Firefox,Chrome等都可以打开并正确显示HTML文件,接下来在文章中将和大家详细介绍如何打开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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板