首页 >web前端 >html教程 > 正文

如何打开HTML文件

原创2018-12-01 16:19:3206318
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页面的示例,那么我们创建好后如何打开它呢

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

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

浏览器打开效果

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

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

未标题-1.jpg

效果图:

未标题-2.jpg


无法打开文件时

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

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

以上就是如何打开HTML文件的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:HTML
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • html/css快速入门html/css快速入门
  • HTML+CSS基础入门教程HTML+CSS基础入门教程
  • HTML 基础教程HTML 基础教程
  • 视频教程分类