Day1-HTML初识

4.1 认识什么是纯文本文件txt

windows中自带一个软件，叫做记事本。记事本保存的文档格式就是txt格式，就是英语text的缩写。术语上，称呼这个文件叫做“纯文本文件”。

我们现在要花15分钟，好好研究凭什么这个txt文件叫做“纯文本文件”。

 

我们做了一个小实验，发现doc这个文件能够保存内容和样式，字有红的、蓝的。传给大家看，是一样的。

但是txt格式有点不同：

 

txt文件，只能保存文本内容，是无法记录文本样式的。

所以，doc和txt存储同样的内容，doc比txt大：

 

纯文本文件就是这样的文件：

1） 只有文本，没有样式；

2） 用记事本等纯文本编辑器可读，不是乱码

html、css、js都是纯本文的。

4.2 HTML是负责描述文档语义的语言

HTML是英语HyperText Markup Language的缩写，超文本标记语言。

.html就是网页的格式。

 

现在，来制作我们人生中第一个网页，

新建一个txt文件：

 

也就是说，html本质上和txt没有任何区别，他们都是纯文本文件。

我们强行把这个文件的拓展名，从txt更改为html，我们会发现小图标就变成浏览器的小图标了：

 

在“打开方式”中，用记事本可以编辑它。

现在要养成 编辑器里面编辑 → 保存ctrl+s → 浏览器里面刷新F5 的习惯。

 

 

html到底干嘛用的，看下面的例子：

 

纯文本txt文件是不能描述文档的语义的，文档中不知道谁是主标题，谁是副标题，谁是段落。所以html应运而生。

html提供了很多标签对儿，可以给文本增加不同的语义。比如：

<h1>  </h1>标签对儿，主标题。

<h2>  </h2>标签对儿，二级标题。

<p>   </p> 标签对儿，普通段落。

 

现在的业界的标准，网页技术严格的三层分离：html就是负责描述页面的语义；css负责描述页面的样式；js负责描述页面的动态效果的。

所以，html不能让文字居中，不能更改文字字号、字体、颜色。因为这些都是属于样式范畴，都是css干的事儿；html不能让盒子运动起来，因为这些属性行为范畴，都是js干的事儿。

html只能干一件事儿，就是通过标签对儿，给文本增加语义。这是html唯一能做的。

 

html中，除了语义，其他什么都没有。

 

html是一个纯本文文件（就是用txt文件改名而成），用一些标签来描述文字的语义，这些标签在浏览器里面是看不到的，所以称为“超文本”，所以就是“超文本标记语言”了。

所以，接下来，我们肯定要学习一堆html中的标签对儿，这些标签对儿能够给文本不同的语义。

 

标签对儿是由起始标签和结束标签组成的：

1           <h1>Angelababy简介</h1>

<h1>  起始标签

</h1> 结束标签

 

比如，面试的时候问你，h1标签有什么作用？

正确答案：给文本增加主标题的语义

错误答案：给文字加粗、加黑、变大