表格与框架

表格

• 什么是表格：表格是由行和列排列而成的一种结构，如下图：
  
• 表格作用：按照行和列呈现数据
• 表格的创建：HTML表格由table标签、caption标签以及一个或多个tr、th或td标签组成：
  1、table标签用来定义表格，整个表格包含在< table>和< /table>标签中；
  2、caption标签定义表格标题；
  3、tr标签用来定义表格中一个行，它是单元格的容器，每行可以包含有多个单元格，由< tr>和< /tr>标签表示；
  4、td标签和th标签用来定义单元格，所有单元格都在tr标签内，每个单元格由一对< td>和< /td>标签或一对< th>和< /th>标签表示，具体的表格内容放置在这一对td标签或th标签之中，其语法如下：

<table>
    <caption>表格标题</caption>
    <tr>
        <th>1行1列的内容</th>
        <th>1行2列的内容</th>
        …
    </tr>
    <tr>
        <td>2行1列的内容</td>
        <td>2行2列的内容</td>
        …
    </tr>
    …
</table>

注意：th标签中的内容默认以粗体、居中的方式显示

table标签属性：
1、border标签属性：设定表格边框的宽度（单位：px）；border属性会为每个单元格添加边框，并用边框围绕表格；如果 border 属性的值发生改变，那么只有表格周围边框的尺寸会发生变化，表格内部的边框则是1像素宽
2、width标签属性：设定表格的宽度
3、align标签属性：指定表格相对于周围标签的对齐方式，该标签属性有多个值：
left：左对齐表格；right：右对齐表格；center：居中对齐表格
4、bgcolor标签属性：指定表格背景颜色
5、cellpadding标签属性：设定单元格边界与单元格内容之间的间距（单位：px）（cell可以理解为单元格）
6、cellspacing标签属性：指定单元格之间的间距（单位：px）

tr标签属性：
1、align标签属性：设置表格行中单元格内容的水平对齐方式，该标签属性有多个值：
left：左对齐内容（默认值）；right：右对齐内容；center：居中对齐内容；justify：对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）
2、bgcolor标签属性：设定表格行的背景颜色
3、valign标签属性：设置表格行中单元格内容的垂直对齐方式，该标签属性有多个值：
top：对内容进行上对齐；middle：对内容进行居中对齐（默认值）；bottom：对内容进行下对齐

th和td标签属性：
1、align标签属性：设置单元格内容的水平对齐方式，该标签属性有多个值：
left：左对齐内容（td标签默认值）；right：右对齐内容；center：居中对齐内容（th标签默认值）；justify：对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）
2、bgcolor标签属性：设定单元格背景颜色
3、valign标签属性：设置单元格内容的垂直对齐方式，该标签属性有多个值：
top：对内容进行上对齐；middle：对内容进行居中对齐（默认值）；bottom：对内容进行下对齐
4、width标签属性与height标签属性：设定单元格的宽度和高度
5、nowrap标签属性：设定单元格的内容是否换行
6、colspan标签属性和rowspan标签属性：分别设定单元格横跨的列数（即列合并，从左向右）和横跨的行数（即行合并，从上向下）

框架

1.frameset标签：框架集标签，用于规定框架集中有多少个框架窗口或框架集，该标签有如下标签属性：
cols：定义框架集中列的数目（即左右分割窗口）和尺寸
rows：定义框架集中行的数目（即上下分割窗口）和尺寸
注意：frameset标签不能与body标签一起使用
2.noframes标签：当浏览器不支持frameset标签或frame时，浏览器解释执行noframes标签中的html标签。注意：noframes标签必须使用body标签。
3.frame标签：框架标签，单标签，用于在frameset 中定义一个框架窗口，该标签有多个标签属性：

• src标签属性：当前frame框架中显示的文档的地址；
• name标签属性：定义当前frame框架的名称，用于在 JavaScript 中引用元素或者作为链接的目标
• noresize标签属性：取消用户调整框架的大小
• scrolling标签属性：设定是否在框架中显示滚动条，该标签有多个标签属性值：
  auto：默认值。在需要的时候显示滚动条；yes：始终显示滚动条（即使不需要）；no：从不显示滚动条（即使需要）
• frameborder标签属性：是否显示框架周围的边框，1表示有边框（默认值），0 表示无边框

4.iframe标签：在页面中嵌入另外一个页面, 该标签为双标签，它有多个标签属性：

• src标签属性：指定iframe 中显示的页面URL
• width 标签属性：指定iframe 的宽度，可以是像素或%
• height标签属性：指定iframe 的高度，可以是像素或%
• scrolling标签属性：设定是否在 iframe 中显示滚动条，其值可以是yes、no或auto

思考：a标签与iframe的区别—— a标签不显示href指定的页面，它只是一个超链接；而iframe会在页面中显示src指定的网页
5.a标签——target标签属性：设定在哪儿打开链接文档

• _blank：在新窗口中打开被链接文档
• _self：在当前窗口、frame或iframe中打开被链接文档，默认值
• target_name:在指定的窗口中打开被链接文档
• _top：清除所有被包含的框架并将文档载入整个浏览器窗口
• _parent：在父窗口中打开链接文档