任务描述
本关任务:创建一个表格,设置它的宽为100%,高为200px,边框为1px,内容和效果图展示的一样。
设置属性的先后顺序为border -- width -- height。
这里统一不加单位,后面的关卡不需要加的也不加。
实现的效果如下:
相关知识
你可以使用width和height来定义表格的宽和高,使表格更大方、美观。
例子如下:
<table border="2" width="200" height="100"><tr><td>姓名</td><td>年龄</td></tr><tr><td>张三</td><td>18</td></tr></table>
效果如下:
需要注意的是:这里的width和hegiht单位是px,可加可不加。
这里width和height的值还可以是百分比(%),这样表格就可以随着文档宽高的变化而变化。例子如下:
<table width="60%" height="200px">...</table
编程要求
请仔细阅读右侧代码,结合相关知识,在 Begin-End 区域内进行代码补充,完成一个表格的创建任务。
测试说明
平台会对你的代码进行运行测试,如果实际输出结果与预期结果相同,则通关;反之,则 GameOver。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<!-- ********* Begin ********* -->
<table border="1" width="100%" height="200">
<tr>
<td>姓名</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>合计</td>
</tr>
<tr>
<td>李四</td>
<td>90</td>
<td>95</td>
<td>80</td>
<td>265</td>
</tr>
</table>
<!-- ********* End ********* -->
</body>
</html>
赶快试一下吧!!!
本文介绍如何使用HTML创建一个宽度为100%,高度为200px的表格,并设置了1px的边框。通过具体实例展示了表格的结构及样式设置方法。

被折叠的 条评论
为什么被折叠?



