### 认识什么是纯文本文件 txt Windows中自带一个软件，叫记事本，记事本保存的文档格式就是txt 格式，就是英语text的缩写，术语上，称呼这个文件叫做“纯文本文件”。 我们做了一个小实验，发现doc这个文件能够保存内容和样式，字有红的、蓝的。传给大家看，是一样的。 <br/> 但是txt格式有点不同： <br/> 所以，doc和txt存储同样的内容，doc比txt 大： <br/> 纯文本文件的特点： ①只有文本，没有样式； ②用记事本等纯文本编辑器可读，不是乱码； ③Html 、css 、js都是纯文本的。 ### HTML是负责描述文档语义的语言 HTML是英语（HyperText Markup Language）的缩写，叫做超文本标记语言。 HTML 不是一门编程语言，它是一门标记标签语言。 HTML 是用标记来表达网页。 .html 就是网页的格式。 第一个网页 新建一个txt文件： <br/> 也就是说，html本质上和txt没有任何区别，他们都是纯文本文件。 我们强行把这个文件的拓展名，从txt更改为html，我们会发现小图标就变成浏览器的小图标了： <br/> 在“打开方式”中，用记事本可以编辑它。 现在要养成编辑器里面编辑→保存ctrl+s →浏览器里面刷新F5的习惯。 <br/> html到底干嘛用的，看下面的例子： <br/> 纯文本txt文件是不能描述文档的语义的，文档中不知道谁是主标题，谁是副标题，谁是段落。所以html应运而生。 下面就是一个html文件的演示，就是通过html标签对儿，来给文本增加语义： html提供了很多标签对儿，可以给文本增加不同的语义。比如： ~~~ <h1>标签对儿，主标题</h1>。 <h2>标签对儿，二级标题。</h2> <p>标签对儿，普通段落。</p> ~~~ ### W3C标准：网页技术严格的三层分离： html:负责描述页面的语义； css：负责描述页面的样式； js：负责描述页面的动态效果； 所以，html不能让文字居中，不能更改文字字号、字体、颜色。 因为这些都是属于样式范畴，都是css干的事儿。 Html不能让盒子运动起来，因为这些属性行为属于行为范畴，都是js干的事儿。 ### html中，除了语义，其他什么都没有。 Html是一个纯文本文件（就是用txt文件改名而成），用一些标签描述文字的语义，这些标签在浏览器中是看不到的，所以称为“超文本”，所以就是“超文本标记语言”。 比如，面试的时候问你，h1标签有什么作用？ 正确答案：给文本增加主标题的语义 错误答案：给文字加粗、加黑、变大 讲了这么多语义化，但是语义化可以给我们带来什么样的好处呢？ 更容易被搜索引擎收录。 更容易让屏幕阅读器读出网页内容。