0
点赞
收藏
分享

微信扫一扫

力扣经典题目:反转链表

_鱼与渔_ 2024-01-26 阅读 15
html前端

表格


1.基本结构

  1. 一个完整的表格由:表格标题表格头部表格主体表格脚注,四部分组成
    在这里插入图片描述
  2. 表格涉及到的标签:
    table:表格
    caption:标题
    thead:表格头部
    tbody:表格主体
    tfoot:表格注脚
    tr:每一行(table row)
    th、td:每一个单元格(备注:表格头部中用 th ,表格主体、表格脚注中用: td ,table data)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  3. 具体编码:
<table border="1">
	<!-- 表格标题 -->
	<caption>学生信息</caption>
	<!-- 表格头部 -->
	<thead>
		<tr>
			<th>姓名</th>
			<th>性别</th>
			<th>年龄</th>
			<th>民族</th>
			<th>政治面貌</th>
		</tr>
	</thead>
	<!-- 表格主体 -->
	<tbody>
		<tr>
			<td>张三</td>
			<td></td>
			<td>18</td>
			<td>汉族</td>
			<td>团员</td>
		</tr>
		<tr>
			<td>李四</td>
			<td></td>
			<td>20</td>
			<td>满族</td>
			<td>群众</td>
		</tr>
		<tr>
			<td>王五</td>
			<td></td>
			<td>20</td>
			<td>回族</td>
			<td>党员</td>
		</tr>
		<tr>
			<td>赵六</td>
			<td></td>
			<td>21</td>
			<td>壮族</td>
			<td>团员</td>
		</tr>
	</tbody>
	<!-- 表格脚注 -->
	<tfoot>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td>共计:4人</td>
		</tr>
	</tfoot>
</table>

2.常用属性

在这里插入图片描述
在这里插入图片描述
注意点:

3.跨行跨列

  1. rowspan :指定要跨的行数。
  2. colspan :指定要跨的列数。

课程表效果:
在这里插入图片描述
编写思路:
在这里插入图片描述
例如:

<table>
	<caption></caption>
	<thead>
		<tr>
			<th>1-1</th>
			<th colspan="5">1-2</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td rowspan="4">3-1</td>
		</tr>
	</tbody>
</table>

然后再删除多余的单元格

4.常用标签补充

在这里插入图片描述

HTML中效果不重要,语义才重要,效果可以用css来实现

举报

相关推荐

0 条评论