HTML
什么是HTML
HTML是用来描述网页的一种语言。
HTML指的是超文本标记语言（Hyper Text Markup Language）
HTML不是一种编程语言，而是一种标记语言（markup language）。标记语言就是一套标记标签（markup language）。
HTML使用标记标签描述网页
HTML标签（元素）
HTML标记标签通常被称为HTML标签或者HTML元素（HTML tag）。
HTML标签是由尖括号包围的关键词，比如<html>
HTML标签通常是成对出现的，比如<b>和</b>
标签对中的第一个标签是开始标签（开放标签）没有斜杠，第二个标签是结束标签（闭合标签）有斜杠
HTML文档 = 网页
网页其实就是HTML文档。HTML文档包括HTML标签和纯文本。Web浏览器的作用就是读取HTML文档，并以网页的形式来显示文档的内容，但是浏览器不会显示标签，而是使用标签来解释网页的内容，也就是浏览器通过解释HTML标签的含义和样式来显示标签内的文本，这些文本就组成了网页。
HTML模板
<!DOCTYPE html> <!--文档类型，也就是说这个是html文档-->
<html lang="en"> <!--根标签-->
<head> <!--网页的头部-->
<meta charset="UTF-8" /> <!--国际编码 UTF-8，meta是单标签，后面的那个 / 表示单标签的结束，H5可以不写那个 /-->
<title>初识HTML</title> <!--网页标题-->
</head>
<body> <!--可视化区域 网页的主体-->
</body>
</html>
HTML标签
H标题标签
标题标签一共有六种：h1~h6，分别表示不同的文字大小、粗细程度，而且标题标签样式都是单独占一行、都是加粗的状态。
注意一个页面通常只出现一个h1标签，有利于搜索引擎的搜索，其他标签理论上没有数量的限制。
p段落标签
段落标签也都是独占一行，HTML不会解析所有的空格，最多解析一个，所以在写HTML文档的时候缩进了段落但是浏览器最后显示的网页还是没有缩进，因为浏览器没有解析段首的空格。
粗体标签
<strong> / <b>这两个自带粗体效果的标签，而且它的display是inline，也就是在一行上。其中<strong>不仅有加粗的效果而且有助于搜索引擎的搜索，但是<b>只是物理的加粗，也就是只能起到显示上加粗的效果，并不会影响搜索引擎的搜索。
斜体标签
<em> / <i> 这两个标签自带斜体的效果。
行内标签是可以嵌套的，也就是行内标签内是可以包行内标签的，所以我们如果想要既加粗又斜体的效果的话可以<b><i></i></b>这样进行嵌套（或者反过来嵌套）。
em的话同时也有利于搜索引擎的搜索，而i的话只是物理斜体的效果。
换行标签
<br/> 。其中 / 可以不写。
水平线标签
<hr/> 。同样 / 可以不写。
特殊符号
注意末尾的 ;
注意：在我们打了很多个空格符时浏览器只会帮我们解析一个空格。所以只能通过特殊符号来帮助我们实现多空格的显示。
a标签（超链接标签）
<a href="javascript: void(0);">死链接</a> 死链接，就是不会跳转，也就是没有任何的效果
<a href="#">#</a> 会把网页返回到页面顶部，相对于死链接来说保证了点击链接的使用感，同时其实有刷新网页的效果
<a href="#name"> 锚点</a>
锚点就是从这里跳转到同网页的另外一个name属性等于这个#后面的这个name的标签位置，a标签利用的name属性，其他标签要实现锚点要利用id属性，也就是name属性的值为#后面的name值。a标签也可以利用id实现锚点，但是其他标签不能用name。锚点相当于书签。
a 标签的属性：
href是填写链接的
target=“_self”,kjm nb 0.
0.默认是_self，表示跳转链接的时候在原网页所在窗口打开跳转的网页。target=“_blank”这时会在一个新的窗口打开跳转的链接。
name属性表示这个a标签的名字，用于锚点的跳转（也可以用id属性）
HTML规范
HTML选择标签添加属性的方式有三种：（这里之后再来完整，现在还不是很清楚）
（1）直接在标签后面添加属性，eg：<a href="http://baidu.com" target="_blank">
（2）利用id属性通过js进一步添加属性功能
（3）利用class
id和class其实就是相当于给标签起个名字，下面来看下HTML命名规范：
①名字用小写字母
②以英文字母开头，可以包含（英文字母、_ 、数字），不能使用中文
③见名知意，也就是名字要取得明了，提高代码的阅读性
④驼峰命名，第二个单词首字母大写。eg：className（js中使用）
id和class的命名方式差别：
①id的名字是唯一的，也就是id只能有一个名字，且在页面中相同的名字只能出现一次，相当于身份证号码一样抑或是你的学号。
②class相同的名字可以出现很多次，并且可以有多个名字，相当于人名可能好几个人都叫这个名字，抑或相当于你的班级号，班里所有的同学的班级号都一样。
id 就不能写成id = “box box1”，用空格隔开相当于两个名字，id不能这样写，但是class可以。
我们在写页面的时候，页面的几个大的部分可以取名叫id，然后每个大部分里面的小部分可以取名叫class。这样便于之后写css样式。
图片标签
语法：<img src="图片地址"/> ，img也是单标签，后面的斜杠H5也可以不写
图片要素（属性）：
①src：类似a标签的href属性，src定义图片的路径
②alt：图片描述，用于SEO给搜索引擎抓取（SEO为搜索引擎优化）
③width：规定图片的宽度，不设置值得话就默认图片原本的宽度
④height：规定图片的高度，不设置值得话就默认图片原本的高度
⑤width，height只给一个值得时候会等比例缩放。
列表标签
无序列表：
<ul>
<li>我是第一个</li>
<li>我是第二个</li>
<li>我是第三个</li>
</ul>
ul是无序列表，显示出来默认是一个个小黑点没有顺序可言：
其中有一个简单操作ul>li*3——按tab键会自动补全有三个li的列表
ul标签的type属性可以定义前面是小黑点还是其他，disc：小黑点（默认）、circle（空心圆）、square（小方框）
有序列表：
ol和li的组合，快捷操作同无序列表，但是这个显示出来是有顺序标号的，默认是阿拉伯数字
同样的可以通过设置type属性的值来定义顺序标号的形式：A—大写字母排序、a—小写字母排序、I—大写罗马字母排序、i—小写罗马字母排序
H5新增的两个属性：
reversed 降序排序
start 有序列表从起始值开始顺序往后
定义列表：
其实这就是几种可以构成裂变的标签，什么时候用哪种并没有什么明确的规定，看个人习惯吧，只要能够最后达到预期的效果就可以
div标签和span标签
这两个标签是没有语义的，不像h标签有语义，浏览器已经默认了样式
div和span最大的不同就是div的默认display是block，而span默认的display是inline
两者不同：
（1） 块级元素div，默认display:block; span是行内元素，默认display:inline;
inline是和其他元素在同一行，不能设置宽高，内容撑开宽高
block是独占一行并且支持设置宽高
如果没有设置宽高的话，高度就由内容撑开，宽度默认浏览器宽度。如果没有内容的话，在网页上看上去没有东西，但是审查元素这个标签还是存在的只不
过高度为0.宽度为浏览器宽度。
所以可以通过设置display的值改变div和span的显示形式
行内块元素：display:inline-block;
既在同一行而且可以设置宽高
隐藏元素：display:none;
包括它的子标签，在页面中不占位置，也就是页面上会看不到它们，相当于消失了。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
