任务描述
本关任务:编写一个两行两列的表格网页,表格中的行样式进行设置。效果如下图所示:
表格效果2
相关知识
为了完成本关任务,你需要掌握:tr标签及其属性的设置。
tr标签
tr标签用于定义表格的一个行。可由以下属性设置一行单元格的样式:
height
tr标签中的height属性设置行高,属性取值为具体行高的数值。
align
tr标签中的align属性设置行内单元格中文本的水平对齐方式,属性取值可以为left、center、right。
valign
tr标签中的valign属性设置行内单元格中文本的垂直对齐方式,属性取值可以为top、middle、bottom。
bgcolor
tr标签中的bgcolor属性设置行内单元格的背景颜色,属性取值可以为颜色单词或颜色代码。
background
tr标签中的background属性设置行背景图像,属性取值为背景图像的路径。
编程要求
根据提示,在右侧编辑器中的Begin - End区域内补充代码,用于设置表格第一行的样式,具体要求是:
1.该行的行高为40。
2.该行单元格内容的水平和垂直对齐方式都为居中,
3.该行的颜色代码设置为00ffff
测试说明
补充代码后,请点击测评,平台会对你编写的代码进行测试,如果正确则完成闯关任务。
越努力越幸运,祝你成功!
代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>表格单元格样式的设置</title>
</head>
<body>
<caption>成绩表</caption>
<tr height=40 align=center valign=middle bgcolor=00ffff>
<th>姓名</th>
<th>成绩</th>
</tr>
<tr bgcolor=00ff00>
</tr>
</table>
</body>
</html>