<html>
<head>
<title>19</title>
<meta charset="utf-8">
<style type="text/css">
thead {
color: red;
}
tbody {
color: blue;
height: 50px;
}
</style>
</head>
<body>
<table border="16" width="66%" align="center">
<thead>
<caption>标题</caption>
<tr>
<td colspan="2">鱼C信息表</td>
</tr>
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>
</thead>
<tbody>
<tr>
<td>小甲鱼</td>
<td>28</td>
</tr>
<tr>
<td>不二如是</td>
<td>18</td>
</tr>
</tbody>
</table>
</body>
</html> 交作业，终于知道怎么发图片了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>019练习（表格）</title>
<style type="text/css">
thead{color: green}
tbody{
color: blue;
height: 500px;
}
</style>
</head>
<body>
<table border="16" width=66%" align="center"> <!--border控制的应该是外边框线，width是占页面宽度的比例*/-->
<thead align="center">
<tr>
<td colspan="2">鱼C信息表</td>
</tr>
<caption>鱼C信息表</caption>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody align="center">
<tr>
<td>小甲鱼老湿：</td>
<td>28</td>
</tr>
<tr>
<td>不二如是：</td>
<td>18</td>
</tr>
</tbody>
</body>
</html>
<img src="https://fishc.com.cn/forum.php?mod=image&aid=104811&size=300x300&key=aa4648f036eb3f1b&nocache=yes&type=fixnone" aid="attachimg_104811" alt="" border="0">
刮刮乐
100万
1000万 刮刮乐
100万
1000万 <!DOCTYPE html>
<html>
<head>
<title>表格</title>
<meta charset="utf-8">
<style type="text/css">
thead {color:blue;}
tbody {color:red;height: 50px}
caption{color:green;}
</style>
</head>
<body>
<table border="1" width="50%" align="center">
<!--border用来设置表格线宽宽度-->
<caption>鱼C表</caption><!--作为标题，只能有一个-->
<thead align="center">
<tr>
<td colspan="2">鱼C信息表</td>
<!--colspan的值就是合并几个单元格的意思-->
</tr>
<tr>
<th>姓名</th><!--th用做二级标题-->
<th>年龄</th>
</tr>
</thead>
<tbody align="center">
<tr><!--tr，代表一行表格-->
<td>小甲鱼老师：</td>
<td>28</td><!--td,代表单元格-->
</tr>
<tr>
<td>不二如是：</td>
<td>18</td>
</tr>
</tbody>
<!--为了区分表头和表格内容，使用thead、tbody类似区块-->
</table>
</body>
</html> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<table border="10px" cellpadding='20px'cellspacing='15' align='center'>
<caption>nihao鱼C信息表</caption>
<tr align="center">
<td colspan="2">鱼C信息表</td> <!--列-->
</tr>
<tr>
<td rowspan="2">1行1列</td><!--行-->
<td>1行2列</td>
</tr>
<tr>
<td>2行二列</td>
</tr>
</table>
</body>
</html>
交作业！{:10_297:}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table</title>
<style type="text/css">
thead{
color: blue
}
tbody{
color: green;
height: 50px
}
</style>
</head>
<body>
<table border="1">
<thead>
<tr>
<td colspan="2">假期学习内容</td>
</tr>
<caption>假期学习内容</caption>
<tr>
<td>名称</td>
<td>好感度</td>
</tr>
</thead>
<tbody>
<tr>
<td >HTML</th>
<td>99</td>
</tr>
<tr>
<td>Python</td>
<td>99</td>
</tr>
</tbody>
</table>
</body>
</html> <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表格</title>
</head>
<body>
<table border="16" width="66%" align="center">
<caption>鱼C信息表</caption>
<tr>
<td colspan="2">鱼C信息表</td>
</tr>
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>
<tr>
<td>小甲鱼</td>
<td>18</td>
</tr>
<tr>
<td>不二如是</td>
<td>18</td>
</tr>
</table>
</body>
</html>
页:
1
[2]