<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>利用table进行布局</title>
</head>
<body>
<table table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#99bbbb;">
<h1 align="center">Main Title of Web Page</h1>
</td>
</tr>
<tr valign="top">
<td style="background-color:#ffff99;width: 100px;text-align:top;">
<b>Menu</b>
HTML<br/>
CSS<br />
Java Script
</td>
<td style="background-color:#EEEEEE;height:200px;width:400px;tex-align:top;">
Content goes here</td>
</tr>
<tr>
<td colspan="2" style="background-color:#99bbbb;text-align:center;">
Copyright W3School.com</td>
</tr>
</table>
</body>
</html>
<!-- 这个是利用table进行布局，尽管是这个方法已经很少用了，但是我们可以看一下怎样来对table进行应用，首先我们将这个结果作为一个表格，我们可以看到的是在这个结果，可以看成一个怎样的表格，第一是含有三个行，两个列，所以我们在这个table中应该出现的是三对<tr>...</tr>,并且对于第一行中的两个列是合并的，其实我们在布局的时候我们开始我们不的是考虑有几列，因为我们列是有td这个表签来确定的，并不是我们指定的，因为我们的是准备分成三行两列 的
一个表格所以说我们应该做的是将第一行的两个列进行合并，也就是利用的colspan这个标签，然后我们要做的是，设然后我们要我这个设置颜色，是用到的的style在某一行td这个标签中使用，我们想在这个表格上填写什么内容就可以在上面进行写了，可以嵌套其他的标签或者是文字，下面的设置都是和第一行的设置一样的了，只是在二行中要建立两个列，对于两个列我们就要指明每一个列的宽度和高度，以及文本写的位置，怎样确定文本写的位置用到的标签是align，或者是valign
-->
<html>
<head>
<meta charset="utf-8">
<title>利用table进行布局</title>
</head>
<body>
<table table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#99bbbb;">
<h1 align="center">Main Title of Web Page</h1>
</td>
</tr>
<tr valign="top">
<td style="background-color:#ffff99;width: 100px;text-align:top;">
<b>Menu</b>
HTML<br/>
CSS<br />
Java Script
</td>
<td style="background-color:#EEEEEE;height:200px;width:400px;tex-align:top;">
Content goes here</td>
</tr>
<tr>
<td colspan="2" style="background-color:#99bbbb;text-align:center;">
Copyright W3School.com</td>
</tr>
</table>
</body>
</html>
<!-- 这个是利用table进行布局，尽管是这个方法已经很少用了，但是我们可以看一下怎样来对table进行应用，首先我们将这个结果作为一个表格，我们可以看到的是在这个结果，可以看成一个怎样的表格，第一是含有三个行，两个列，所以我们在这个table中应该出现的是三对<tr>...</tr>,并且对于第一行中的两个列是合并的，其实我们在布局的时候我们开始我们不的是考虑有几列，因为我们列是有td这个表签来确定的，并不是我们指定的，因为我们的是准备分成三行两列 的
一个表格所以说我们应该做的是将第一行的两个列进行合并，也就是利用的colspan这个标签，然后我们要做的是，设然后我们要我这个设置颜色，是用到的的style在某一行td这个标签中使用，我们想在这个表格上填写什么内容就可以在上面进行写了，可以嵌套其他的标签或者是文字，下面的设置都是和第一行的设置一样的了，只是在二行中要建立两个列，对于两个列我们就要指明每一个列的宽度和高度，以及文本写的位置，怎样确定文本写的位置用到的标签是align，或者是valign
-->
3054
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
