html3----table用法与练习

1 table 用法--成绩表

<meta charset="utf-8">

<title>成绩表</title>

</head>

<!--主体部分内容-->

<body bgcolor="red">

<table bgcolor="#158522" width="800" border="1">

<tr>

<td width="17%"></td><td width="17%">语文</td><td></td><td width="17%">数学</td><td width="17%">英语</td><td width="17%">物理</td><td width="17%">化学</td>

</tr>

<tr>

<td>李一</td><td>99</td><td></td><td>98</td><td>97</td><td>96</td><td>95</td>

</tr>

<tr>

<td>李一</td><td>99</td><td></td><td>98</td><td>97</td><td>96</td><td>95</td>

</tr>

<tr>

<td>李一</td><td>99</td><td></td><td>98</td><td>97</td><td>96</td><td>95</td>

</tr>

</table>

</body>

</html>

2  网页结构

<!DOCTYPE HTML>

<html>

<head>

<meta charset=""utf-8>

<title>用table来表示网页结构</title>

</head>

<body bgcolor="red">

<table width="800" height="800" bgcolor="#524654" border="1">

<tr height="200">
<td colspan="2">这里是head</td>
</tr>

<tr>
<td width="20%" height="65%">这里是左侧导航</td><td>这里是主体内容</td>
</tr>

<tr>
<td colspan="2">这里是页脚</td>
</tr>

</table>

</body>

</html>

原文地址:https://www.cnblogs.com/kaililikai/p/5782594.html