上面代码解释：

创建表格的四个元素：table、tr、th、td

1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。

2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。

3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。

4、<th>…</th>：表格的头部的一个单元格，表格表头。

5、表格中列的个数，取决于一行中数据单元格的个数。

6、border属性可以为表格添加边框，属性值为数字。

注意：

1、table标签用来定义整个表格，为双标签，必须有结束标签。

2、table标签里面可以放caption标签和tr标签。

3、caption标签用来定义表格的标题。

4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。

5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。

6、td同来设置表格的列，一组td标签代表一列。

7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的

标签〈html〉〈/html〉

 头部〈head〉〈/head〉

主体〈body〉〈/body〉

题目〈title〉〈/title〉

变化〈meta〉〈/meta〉

图片〈img〉〈/img〉

标题〈hx〉〈/hx〉

段落〈p〉〈/p〉

斜体〈em〉〈/em〉

加粗〈strong〉〈/strong〉

回车〈br /〉

空格&nbsp 

定义〈span〉〈/span〉

引用〈q〉〈/q〉

大段引用〈blockquot〉〈/blockquot〉

代码〈code〉〈/code〉

大段代码〈pre〉〈/pre〉

http-equiv="Content-Type"指示服务器向浏览器解释该文档类型，

content="text/html; 是说文档作为HTML来解析.

charset=utf-8"utf-8是编码格式，国内常见的编码格式有两种，一种是utf-8，一种是gb2312，前端一般用的都是utf-8

标题标签：h1-h6 h1最大，h6最小，h7以后的以文本内容显示

<header>我是头部标签</header>

<footer>我是底部标签</footer>

<section>我是一个区域</section>

<a href="http://www.baidu.com" target="_self">百度</a>  --当前页面跳转链接

<a href="http://www.baidu.com" target="_blank">百度</a> --新标签页打开链接

这一节不太懂

层模型有三种形式：

1、绝对定位(position: absolute)

2、相对定位(position: relative)

3、固定定位(position: fixed)

任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。

float:left; 或者float:right;
来设置元素浮动

盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。

例子：

div{
   border:2px  solid  red;
}

1、border-style（边框样式）常见样式有：

dashed（虚线）| dotted（点线）| solid（实线）。

2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如:

border-color:#888;//前面的井号不要忘掉。

3、border-width（边框宽度）中的宽度也可以设置为：

thin | medium | thick（但不是很常用），最常还是用像素（px）。

网页中的标签不论是行内元素还是块状元素都可以给它设置一个背景色。

为标签设置背景颜色可以使background-color:颜色值来实现。

none设置此元素不会被显示，当想要元素隐藏的时候可以使用此值。

display: none;

内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素

<img>、<input>标签就是这种内联块状标签。

inline-block 元素特点：

1、和其他元素都在一行上；

2、元素的高度、宽度、行高以及顶和底边距都可设置。

内联元素特点：

1、和其他元素都在一行上；

2、元素的高度、宽度及顶部和底部边距不可设置；

3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

什么是块级元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

想为块状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码

例子：

h1{
   text-align:center;
}
<h1>了不起的盖茨比</h1>

设置字母间隔，例子如下

h1{
   letter-spacing:50px;
}

设置单词间距，例子如下

h1{
   word-spacing:50px;
}