• 技术文章 >web前端 >html教程

    如何打开HTML文件

    清浅清浅2018-12-01 16:19:32原创7157
    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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:HTML
    上一篇:HTML5中的a标签新增了哪些属性 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• html的基本使用(HTML标签解释)_CSS/HTML• html文件的中文乱码问题与在浏览器中的显示问题_HTML/Xhtml_网页制作
    1/1

    PHP中文网