HTML 制作表格 (6)

<table>表格

  1. <th>:定义表格的表头(加粗)。
  2. <tr>:定义表格的行。
  3. <td>:定义表格单元。
  4. <caption>:定义表格标题。
  5. <colgroup>:定义表格列的组。
  6. <col>:定义用于表格列的属性。
  7. <thead>:定义表格的页眉。
  8. <tbody>:定义表格的主体。
  9. <tfoot>:定义表格的页脚。

普通表格

<!--表格-->
<!--table定义表格、<th>定义表头会加粗、<tr>行、<td>表格单元、<caption>表格标题、-->
<!--colspan合并行,rowspan合并列,cellpadding单元格边距,cellspacing单元格间距-->
<table border="1" cellpadding="10">
	<caption>信息记录表</caption>
	<tr>
		<th>Name</th>
		<th colspan="2">Telephone</th>
		<th>Address</th>
	</tr>
	<tr>
		<td>小芋儿</td>
		<td>666-666-666</td>
		<td>183-996-669</td>
		<td>四川</td>
	</tr>
	<tr>
		<td>猪猪</td>
		<td>123-456-789</td>
		<td>987-654-321</td>
		<td>四川</td>
	</tr>
</table>

在这里插入图片描述

嵌套表格

<table border="1">
	<caption>一个奇奇怪怪的表格</caption>
<tr>
  <td>
   <p>这是一个段落</p>
   <p>这是另一个段落</p>
  </td>
  <td>这个单元格包含一个表格:
   <table border="1">
   <tr>
     <td>A</td>
     <td>B</td>
   </tr>
   <tr>
     <td>C</td>
     <td>D</td>
   </tr>
   </table>
  </td>
</tr>
<tr>
  <td>这个单元格包含一个列表
   <ul>
    <li>apples</li>
    <li>bananas</li>
    <li>pineapples</li>
   </ul>
  </td>
  <td>HELLO</td>
</tr>
</table>

在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值