table 标签
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| <table>
<thead>
<tr>
<th>Header content 1</th>
<th>Header content 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body content 1</td>
<td>Body content 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer content 1</td>
<td>Footer content 2</td>
</tr>
</tfoot>
</table>
<table>
<thead>
<tr>
<th colspan="2">The table header</th>
</tr>
</thead>
<tbody>
<tr>
<td>The table body</td>
<td>with two columns</td>
</tr>
</tbody>
</table>
|
标签属性
1
2
| cellspacing border width height
colspan rowspan
|
table标签包含三个子标签:
- thead 表头
- tbody 表体
- tfoot 表单页脚
解释:
<tbody>…</tbody>：如果不加<thead> <tbody> <tfoot> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）
三个子标签中又可以包含：
tr : 一个tr表示一行
tr中可以包含 th 或 td：th表示表头/强调，td表示普通内容
a 标签
1
2
3
| <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
<a href="https://www.baidu.com/index.php?id=10" title="baidu">百度</a>
|
常用属性：
1
2
3
4
5
6
7
8
| title
href
img
target
_blank //新窗口
_self //本窗口
_parent //父窗口
_top //顶窗口
|
img 标签
1
2
| <img src="/home/raymond/pictures/apple.jpg" alt="图片无法显示时显示的文字" title="光标移至图片时显示的描述">
<img src="/root/test.png" width='100px' height='100px'>
|
- src：标识图像的位置；
- alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
- title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
- 图像可以是GIF，PNG，JPEG格式的图像文件。
URL统一资源定位符
1
2
3
4
5
| http 协议
https 协议
www.baidu.com 域名
index.php 脚本文件
id=10 脚本参数
|