温馨提示×

温馨提示×

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

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

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

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

本文小编为大家详细介绍“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 是一种标记语言,使用各种标签来格式化内容,标签的特点如下所示:

  • HTML 标签由尖括号包围的关键词构成,比如 <html>;

  • 除了少数标签外,大多数 HTML 标签都是成对出现的,比如 <b> 和 </b>;

  • 成对出现的标签中,第一个标签称为开始标签,第二个标签称为结束标签(闭合标签)。

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


浏览器相对于HTML文档的作用:
  • Web 浏览器的作用读取 HTML 文档,并以网页的形式去显示出内容

  • Web 浏览器不会显示 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> 标签中。

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

  • <!DOCTYPE html> 文档声明头.告知浏览器是使用哪种html版本进行编写(这里是HTML5).

  • <html lang="en"> 向搜索引擎表示该页面是html语言,并且语言为英文.

  • <h2></h2> 标题标签. 为其中的文本内容增加了作为标题的语义.

  • <p></p> 段落标签. 为其中的文本内容增加了作为段落的语义.

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

Web 浏览器展示效果如下:

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


OK 我们再来认识下什么是"纯文本"文件:
  • Windows 中自带一个软件,叫做记事本。
    记事本保存的文档格式是 .txt 格式,就是英语text的缩写。
    术语上,称呼这个文件叫做:“ 纯文本文件 ”。

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

  • ** .doc 非纯文本文件:**
    我们做一个小实验,打开我们的 word 软件,写一个文档再进行保存,发现保存后的文档后缀名格式是 .doc 。 另外我们在写的过程中还发现 .doc 这个格式的文件它还能够设置以及保存文本的样式,比如文本有蓝色的、橙色的,还可以为文本设置下划线等等繁多的样式。

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

  • ** .txt 纯文本文件:**
    现在我们再打开 Windows 自带的记事本并进行写作,我们发现在写作的过程中是不能为文本设置颜色、不能为文本设置下划线等样式的

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

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

含义:

  • 非纯文本文件(比如.doc):
    它除了有文本,还可以为文本设置花样繁多的样式。

  • 纯文本文件(比如.txt):
    它只有文本,没有样式。


区别:

  • 非纯文本文件(比如.doc):
    它除了有纯文本那样可写入文本的基本功能,并且还能够设置以及保存文本的样式,比如将文本设置保存为不同的文本颜色,为文本设置下划线等等繁多的样式。

  • 纯文本文件(比如.txt):
    一句话概括就是它只能规规矩矩老老实实工工整整的写入文本,不能够为文本设置任何样式。

注:当 .doc 和 .txt 存储着同样的内容时,.doc 比 .txt 要大(因为含有样式)。
为什么这里会先说明下非纯文本文件和纯文本文件的含义与区别呢?
  • 因为:
    HTML 就是纯文本!
    HTML 文件在编辑时只能写入纯文本, 你会发现它无法像 .doc 文档那样直接为文字内容做样式!

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

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

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

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

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

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

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

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

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

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

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

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

向AI问一下细节

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

AI