表格元素及其制作

最新推荐文章于 2024-05-02 11:12:49 发布

weixin_30855099

最新推荐文章于 2024-05-02 11:12:49 发布

阅读量93

点赞数

原文链接：http://www.cnblogs.com/haoxuan-li/p/8609075.html

版权

本文介绍如何使用HTML创建基本表格，并展示了如何使用不同的标签如<table>, <tr>, <td>, <th>等来组织数据。此外还介绍了如何设置表格边框、单元格合并等特性。

摘要由CSDN通过智能技术生成

表格制作

<tr>横向创建单元格

<td>纵向创建单元格

<th>

<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="UTF-8">
	<titl>表格制作</title>
</head>
<body>
	<table border="1px"> border是像素  align =“center” 表格居中
	<thead>
	<tr>
		<th>用户名</th>
		<th>sex</th>
		<th>passwold</th>
	</tr>
	<tr>
		<td>admin</td>
		<td>男</td>
		<td>132</td>
	</tr>
	<tr>
		<td>靠谱学院</td>
		<td>男</td>
		<td>132</td>
	</tr>
	<tr>
		<td>浩轩</td>
		<td>男</td>
		<td>132</td>
	</tr>
	</thead>            thead是表头

	</table>
	<tfoot>
	<tbody border="1px">
	<tr >
		<th>用户名</th>
		<th>sex</th>
		<th>passwold</th>
	</tr>
</tbody>
</tfoot>
</body>
</html>
<br>
<br>


<table border="1px">
	<tr>
		<th rowspan="2">00000000</th>
		<th>00000000</th>
		<th>00000000</th>
	</tr>
	<tr>
		<td colspan="2">00000000</td>
		<td >00000000</td>
		<td>00000000</td>
	</tr>
	<tr>
		<td>00000000</td>
		<td>00000000</td>
		<td>00000000</td>
	</tr>