html网页设计 03表格

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格-名字</title>
	</head>
	<body>
		<!-- cellspacing:单元格与单元格之间的间距 ,默认是2个像素间距
			 cellspadding:单元格与内容之间的间距,默认是1个像素间距
			 border:边框
			 align 水平对齐方式 left center right
				在table中设置,表格在浏览器中为居左,居中,居右
				在tr中设置,当前行的内容在表格中居左,居中,居右
				在td中设置,当前列/单元格的内容在表格中居左,居中,居右
			valign 垂直对齐方式 top middle bottom
				在table中设置无效
				在tr中设置,表示当前行的内容在表格中居上,居中,居下
				在td中设置,当前列/当前单元格的内容在表格中居上,居中,居下
			becolor 表格的背景颜色
				在table中设置整个表格添加背景颜色
				在tr中设置为当前行添加背景
				在td中设置为当前列/当前单元格添加背景
				
			表格是独占一行
		-->
		<table border="1" cellspacing="0" cellpadding="0" width="500" height="500" align="center"
		bgcolor="antiquewhite">
			<tr align="center" valign="bottom" bgcolor="aquamarine">
				<td bgcolor="red" colspan="2">1</td>
				<td>3</td>
				<td>4</td>
			</tr>
			<tr>
				<td align="center" valign="bottom" rowspan="2" >1</td>
				<td>1</td>
				<td>1</td>
				<td>1</td>
			</tr>
			<tr>
				<td>1</td>
				<td colspan="2"  rowspan="2">1</td>
			</tr>
			<tr>
				<td>1</td>
				<td>1</td>
			</tr>
		</table>
		<br />
		<table width="200" border="1">
			<caption>学生信息</caption>
			<thead>
				<tr>
					<td>学号</td>
					<td>姓名</td>
				</tr>
			</thead>
			<tbody>
				<tr>
				<td>111</td>
				<td>ss</td>
				</tr>
				<tr>
					<td>111</td>
					<td>ss</td>
				</tr>
			</tbody>
			<tfoot>
				<td>上一页</td>
				<td>下一页</td>
			</tfoot>
		</table>
	</body>
</html>

运行结果
在这里插入图片描述

相关推荐

  1. jEasyUI 转换 HTML 表格为数据网格

    2023-12-11 01:32:02       8 阅读
  2. Web网页设计基础知识--表格

    2023-12-11 01:32:02       8 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-11 01:32:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-11 01:32:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-11 01:32:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-11 01:32:02       18 阅读

热门阅读

  1. Android 13 - Media框架(22)- ACodecBufferChannel

    2023-12-11 01:32:02       25 阅读
  2. LeetCode 2048. 下一个更大的数值平衡数

    2023-12-11 01:32:02       40 阅读
  3. Linux结束程序运行的命令

    2023-12-11 01:32:02       34 阅读
  4. dubbo

    dubbo

    2023-12-11 01:32:02      35 阅读
  5. C++特殊类设计

    2023-12-11 01:32:02       34 阅读
  6. 5.3 函数-递归与求阶乘

    2023-12-11 01:32:02       28 阅读
  7. 人工智能原理复习

    2023-12-11 01:32:02       35 阅读