认识标签（二）之div与table

块级元素<div></div> 可定义文档中的分区或节

表格{

创建表格的五个元素：

table、tbody、tr、th、td

1. 表格标签：<table></table>
2. <tbody></tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）
3. 表格行：<tr></tr>
4. 表格列：<td><td>

5. 表格表头：<th></th>表格的头部的一个单元格

总结：
1、table表格在没有添加css样式之前，在浏览器中显示是没有表格线的

2、表头，也就是th标签中的文本默认为粗体并且居中显示

定义表格标头标签：<caption></caption>

表格摘要：summary 

语法：<table summary="表格需摘要文本">

解释：摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

超链接标签：<a>

语法：<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

例如：<a  href="http://www.baidu.com"  title="百度网">百度网</a> 

注意：只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色）css样子可以设置

规定在何处打开链接文档标签：target=""有五个值/打开方式{

1._blank：在新窗口打开
2._self：默认打开方式，在当前窗口打开
3._parent：在父框架集中打开
4._top：在整个窗口打开
5.framename：在指定的框架中打开被链接文档

}

使用mailto在网页中链接Email地址：

注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

插入图片标签：<img>

语法：<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

举例：<img src = "myimage.gif" alt = "My Image" title = "My Image" />

讲解：{
1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4、图像可以是GIF，PNG，JPEG格式的图像文件。

}