表格标签的格式: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 标签中,设置的是列的背景图。
今天先学习到这里,今晚要深度学习一下迪杰斯特拉算法。
来源: http://www.92to.com/bangong/2016/12-07/14016793.html