02_42_20190917

最新推荐文章于 2021-05-23 20:56:16 发布

ShannonA

最新推荐文章于 2021-05-23 20:56:16 发布

阅读量96

点赞数

分类专栏：个人心得

本文链接：https://blog.csdn.net/ShannonA/article/details/101202696

版权

个人心得专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在这里插入<!DOCTYPE HTML>
<HTML lang ="en">
	<head>
		<meta charset="UTF-8">
		<title>表格</title>
	</head>

	<body>
	
	<table border="1px" cellspacing="1" height="200" width="200">
	<caption>学生信息表</caption>
	<thead align="center">
	<tr>
    <td>学号</td>
    <td>姓名</td>
	<td>性别</td>
	</thead>
	</tr>
	<tbody align="center">
		<tr>
			<td>0001</td>
			<td>王明明</td>
			<td>男</td>
		</tr>
		<tr>
			<td>0002</td>
			<td>李梅</td>
			<td>女</td>
			
		</tr>
		<tr>
			<td>0003</td>
			<td>张晓丽</td>
			<td>女</td>
		</tr>
	</tbody>
	<tfoot align="center">
     <tr>
	 <td colspan="3">这里是表尾</td>
	 </tr>
	</tfoot>
	</table> 
	<table border="1px" cellspacing="1" height="200" width="300">
	<caption>学生信息表</caption>
	<thead align="center">
	<tr>
    <td>序号</td>
    <td>姓名</td>
	<td>学号</td>
	<td>学院</td>
	<td>联系方式</td>
	</thead>
	</tr>
	<tbody align="center">
		<tr>
			<td>1</td>
			<td>张三</td>
			<td>0001</td>
			<td>信息学院</td>
			<td>110</td>
		</tr>
		<tr>
			<td>2</td>
			<td>李四</td>
			<td>0002</td>
			<td>数码科技学院</td>
			<td>112</td>
			
		</tr>
		<tr>
			<td>3</td>
			<td>王五</td>
			<td>0003</td>
			<td>体育学院</td>
			<td>114</td>
		</tr>
	</tbody>
	<tfoot align="center">
     <tr>
	 <td colspan="5">这是表尾</td>
	 </tr>
	</tfoot>
	</table> 
	
	
	
	
	
	</body>代码片

执行后：
在这里插入图片描述

<html lang="en">
<head><meta charset="UTF-8"><title>学生信息表</title></head>
<body>
<table width: 60%  cellspacing="2" cellpadding="3"  border="1px">
    <tr>
        <td rowspan="5" style="background-color: darkorange">学生</td>
        <td colspan="6" style="background-color: aqua;color: red">学生信息表</td>
    </tr>
    <tr style="background-color: salmon">
        <td>序号</td>
        <td>姓名</td>
        <td>性别</td>
        <td>年龄</td>
        <td>电话</td>
        <td>住址</td>
    </tr>
    <tr style="background-color: darkgray">
        <td>1</td>
        <td>张三</td>
        <td>男</td>
        <td>23</td>
        <td>110</td>
        <td>雁塔</td>
    </tr>
    <tr style="background-color: darkgray">
        <td>2</td>
        <td>张三</td>
        <td>男</td>
        <td>23</td>
        <td>110</td>
        <td>雁塔</td>
    </tr>
    <tr style="background-color: darkgray">
        <td>3</td>
        <td>张三</td>
        <td>男</td>
        <td>23</td>
        <td>110</td>
        <td>雁塔</td>
    </tr>
</table>
</body>
</html>

执行后：
在这里插入图片描述

ShannonA

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
02_42_20190917

在这里插入<!DOCTYPE HTML><HTML lang ="en"> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body> <table border="1px" cellspacing="1" ...
复制链接

扫一扫