html使用table标签制作课程表

最新推荐文章于 2022-11-15 16:59:22 发布

原创

最新推荐文章于 2022-11-15 16:59:22 发布 · 2.6k 阅读

14 ·

CC 4.0 BY-SA版权

本文详细介绍了如何利用HTML的table标签来制作一份清晰、规范的课程表。通过使用thead、tbody、tfoot等元素，可以更好地组织课程信息，同时th用于定义表头，td用于显示具体内容。此外，还讲解了如何设置边框、单元格间距和对齐方式，以提升课程表的视觉效果。

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>course</title>
	<style>
		.table1{
			margin: 0;
			padding: 0;

		}
		.xueqi{
			width: 100px;
			
		}
		.table2>tbody>tr>td{
			width: 150px;
			height:30px;
		}
		.table2{
			margin: 0;
			padding: 0;
			border-collapse: collapse;
		}
		.title{
			width: 1200px;
			height:50px;
			font-size: 30px;
			text-align: center;
		}
		.color{
			color: #fff;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<table class="table1" >
		<caption class="title">学生课程表</caption>
		<tr class="xueqi" align="center">
			<td class="xueqi" style="border:1px;background:#6594ec;">学期</td>
			<td align="center">
				<form action="" >
					<select name="gre" id="aa">
						<option value="2019

最低0.47元/天解锁文章