<!DOCTYPE html>
<html>
<head>
<title>表格</title>
<meta charset="utf-8">
</head>
<body>
<!-- border代表边框-->
<table border="1">
<tr>
<td>上午</td>
<td>下午</td>
</tr>
<tr>
<td>语文</td>
<td>英语</td>
</tr>
<tr>
<td>数学</td>
<td>历史</td>
</tr>
</table>
</body>
</html>
2-4省略
<!DOCTYPE html>
<html>
<head>
<title>表格属性</title>
<meta charset="utf-8">
</head>
<body>
<!-- cellspacing代表单元格之间的间距 cellpadding代表单元格与内容间的间距-->
<table width="500px" border="1" align="center" cellspacing="0" cellpadding="5">
<!-- 表格标题 -->
<caption>课程表</caption>
<tr bgcolor="pink" align="center">
<!-- th会居中加粗显示 -->
<th>星期一</th>
<th>星期二</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr align="center">
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td bgcolor="pink">语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td>课间活动</td>
<td bgcolor="pink">课间活动</td>
<td>课间活动</td>
<td>课间活动</td>
</tr>
<tr align="center">
<td>语文</td>
<td>数学</td>
<td bgcolor="pink">英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td bgcolor="pink">生物</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>表格属性</title>
<meta charset="utf-8">
</head>
<body>
<table border="1" width="500" cellspacing="0" cellpadding="5px" align="center">
<caption>课程表</caption>
<tr bgcolor="pink" align="center">
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr align="center">
<!-- rowspan是合并行-->
<td rowspan="2">语文</td>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<!-- colspan是合并列-->
<td colspan="5">课间活动</td>
</tr>
<tr align="center">
<td>语文</td>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td>语文</td>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>表格属性</title>
<meta charset="utf-8">
</head>
<body>
<table border="1" width="500" cellspacing="0" cellpadding="5px" align="center">
<caption>课程表</caption>
<tr bgcolor="orange" align="center">
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr align="center">
<td rowspan="2">语文</td>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td colspan="5">课间活动</td>
</tr>
<tr align="center">
<td rowspan="2">
<!-- 表格嵌套,一定要嵌套到单元格内,必须是完整的table结构。 -->
<table border="1px" cellspacing="0">
<tr>
<td>前半节</td>
<td>后半节</td>
</tr>
<tr>
<td>诗词</td>
<td>古文</td>
</tr>
</table>
</td>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
</table>
</body>
</html>
3-4省略
<!DOCTYPE html>
<html>
<head>
<title>表格属性</title>
<meta charset="utf-8">
</head>
<body>
<!-- frame为外边框,vsides为左右两侧边框。rules为内边框,none为无边框。 -->
<table width="500px" border="1" bgcolor="pink" cellspacing="5px" cellpadding="10px" frame="vsides" rules="none">
<caption>课程表</caption>
<tr>
<th>星期一</th>
<th>星期二</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr>
<td>课间活动</td>
<td>课间活动</td>
<td>课间活动</td>
<td>课间活动</td>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
</table>
</body>
</html>
网友评论