利用HTML制作学生课程表

最新推荐文章于 2023-11-06 23:29:44 发布

2301_79706737

最新推荐文章于 2023-11-06 23:29:44 发布

阅读量322

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/2301_79706737/article/details/132840855

版权

这篇博客介绍了如何利用HTML的table标签来制作学生课程表，包括<tr>标签用于定义表格行，<td>标签用于创建表格单元格。通过示例代码展示了基本的表格框架和运行效果。

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

在body中，制作表格肯定少不了table这个标签

<tr>...</tr>是表格的一行，<td>...</td>是该行的一列，也可以说是单元格

表格的基本框架是这样的：

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			
			table{
				border: 5px solid red;
				border-collapse: collapse;
				margin:0 auto;
				
				text-align: center;
			}
			.fense{
				background-color: #ff7a7a;
			}
			.lanse{
				background-color: #87CEFA;
			}
			td{
				border: 5px solid red;
				width: 200px;
			}
		</style>
	</head>
	<body>
		<table border="1">
			<tr class="lanse">
				<td></td>
				<td>星期一</td>
				<td>星期二</td>
				<td