您现在的位置:首页 >> 前端 >> 内容

HTML之初识表格

时间:2016/12/6 9:32:00 点击:

  核心提示:表格标签:用来给数据添加表格语义。当数据量很庞大的时候,以表格的形式展现出来会是最直观最清楚的。表格标签的格式:table:指的整个表格;tr:表格中的一行;td:一行中的一个单元格(写在tr标签里边...

表格标签:用来给数据添加表格语义。当数据量很庞大的时候,以表格的形式展现出来会是最直观最清楚的。

表格标签的格式:table:指的整个表格;tr:表格中的一行;td:一行中的一个单元格(写在tr标签里边)

<table>

<tr>

<td></td>

</tr>

</table>

表头单元格:,使用标签的文本显示为粗体。th标签同样写在tr标签中。

table标签中有一个边框属性border,在默认情况下这个属性的值为0,因此看不到表格的边框.如果想看到边框需要将border属性显式的赋值。例如:

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
</head>
<body>
<table border="1px">
    <tr>
        <td>边框</td>
        <td>边框</td>
        <td>边框</td>
    </tr>
</table>
</body>
</html>

这样就能看到表格的边框了。

下面我们一起来学习一些表格的属性。

①宽度:width

②高度:height

需要注意的是:高度和宽度属性只能用在table标签或者td标签,而不能用在tr标签中。

③水平对齐方式:align

align属性一共有三个值:left、center、right。可以用在tr、td、table标签中。

④垂直对齐方式:valign

valign属性也有三个值,top(居上对齐)、middle(居中对齐)、bottom(居下对齐)

⑤背景图片:background。当把background属性放在table标签中,设置的是表格的背景图;当把background属性放在tr标签中,设置的行的背景图,此时值得注意的是,图片不会延续到每个列,而是在每个列的背景图都会重新读取再显示;当把background属性放在td标签中,设置的是列的背景图。

今天先学习到这里,今晚要深度学习一下迪杰斯特拉算法。

Tags:HT TM ML L之 
作者:网络 来源:CallMeQiuq