【前端学习-表格】HTML基础学习笔记

<table border>
<caption>表格标题</caption>
<tr>
<th>这是表头1</th>
<th>这是表头2</th>
</tr>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>

1.caption【标题】
2.th【表头】
3. tr【行】
4. td【每行的单元格】
注意点:

border一定要写上,不然没有边框

【前端学习-表格】HTML基础学习笔记_第1张图片

5.单元格跨列

  <th colspan="2">Telephone</th>

在这里插入图片描述6.单元格跨两行

  <th rowspan="2">Telephone:</th>

在这里插入图片描述
7.单元格边距:

<table border="1" cellpadding="20">

cellpadding:单元格内容和边框之间空白的大小
【前端学习-表格】HTML基础学习笔记_第2张图片
8.


cellspacing:单元格之间的距离
【前端学习-表格】HTML基础学习笔记_第3张图片

你可能感兴趣的:(前端基础html)