html文件的扩展名和类型是什么

发布时间:2022-09-19 09:57:06 作者:iii
来源:亿速云 阅读:809

本文小编为大家详细介绍“html文件的扩展名和类型是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“html文件的扩展名和类型是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

html文件的扩展名有两种:“html”和“htm”。html文件是一种纯文本文件,是由HTML命令组成的描述性文本,是一种静态的网页文件;HTML文件在编辑时只能写入纯文本,无法像“.doc”文档那样直接为文字内容设置样式。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

HTML 英文全称是 Hyper Text Markup Language,中文译为“超文本标记语言”,专门用来设计和编辑网页。

使用 HTML 编写的文件称为“HTML 文档”,一般后缀为.html(也可以使用.htm,不过比较少见)。HTML 文档是一种纯文本文件,您可以使用 Windows 记事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本编辑来打开或者创建。

HTML 文档 = 网页

HTML标签:

HTML 是一种标记语言,使用各种标签来格式化内容,标签的特点如下所示:

HTML 中的不同标签具有不同的含义,学习 HTML 其实就是学习各个标签的含义,根据实际场景的需要,选择合适的标签,从而制作出精美的网页。


浏览器相对于HTML文档的作用:

HTML 标签代码如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>第一个网页</title>
</head>
<body>
    <h2>这是我的第一个网页</h2>
    <p>我一定会成为一名优秀的前端开发工程师。</p>
</body>
</html>

本例标签代码解释:

1、网页的描述需写在 <html></html> 标签中。

2、标题、字符编码、兼容性、关键字、描述等信息需写在 <head></head> 标签中。

3、网页需要展示的内容需写在 <body></body> 标签中。

某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是一定要养成正规的编写习惯。

编辑器运行此段代码,Web 浏览器就会编译 HTML 标签代码,以标签来解释页面里的内容。
最终的运行结果便是展示出页面里的内容,不会显示 HTML 标签。

Web 浏览器展示效果如下:

html文件的扩展名和类型是什么


OK 我们再来认识下什么是"纯文本"文件:

非纯文本文件和纯文本文件的含义与区别:

html文件的扩展名和类型是什么

html文件的扩展名和类型是什么

总结非纯文本文件和纯文本文件的 含义 与 区别:

含义:


区别:

注:当 .doc 和 .txt 存储着同样的内容时,.doc 比 .txt 要大(因为含有样式)。
为什么这里会先说明下非纯文本文件和纯文本文件的含义与区别呢?

我们可以做个小实验, 也是应验HTML是纯文本文件的最经典实验:

我们在电脑桌面上新建一个记事本 .txt 文件. 打开并随意写上文字内容后 Ctrl+S 保存, 然后关闭文件。

html文件的扩展名和类型是什么

下一步我们强行将文件的 .txt 拓展名改为 .html 拓展名. 此时这个 .html 文件它便是一个网页文件

html文件的扩展名和类型是什么

html文件的扩展名和类型是什么

html文件的扩展名和类型是什么

这时我们使用浏览器去打开它, 我们发现浏览器是完全可以正常显示原有的全部内容的!

html文件的扩展名和类型是什么

这样开始从一个 .txt 文件修改为了 .html 文件, 直至最后使用浏览器运行, 发现也是会正常显示全部内容的过程, 足以证明 HTML 是纯文本文件!

另外我们也是完全可以使用记事本去编写 HTML 文件, 因为 HTML 文件完全就是纯文本文件(但实际开发中没人这么干, 这里只是说明下罢了)。

读到这里,这篇“html文件的扩展名和类型是什么”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. python文件扩展名是什么意思
  2. Java获取文件的类型和扩展名的实现方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:@在css中的作用是什么

下一篇:script标签一般写在html的哪里

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》