一：表格嵌套
嵌入表格說明
1.完整表格結構
2.放到td標簽中
二：用表格實現網頁布局，用表格做一個頁面框架
頁面結構
實現布局
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- width="100%"充滿屏幕 -->
<table width="100%" bgcolor="#f2f2f2">
<!-- 頁頭start -->
<tr height="80px" bgcolor="14191e">
<td>11111111111</td>
</tr>
<!-- 頁頭end -->
<!-- 上空行start -->
<tr height="10px">
<td></td>
</tr>
<!-- 上空行end -->
<!-- 主體內容start -->
<tr>
<td>
<table align="center" width="1024px">
<tr>
<!-- 左內容start -->
<td width="240px" valign="top">
<table width="100%" bgcolor="#ffffff" >
<tr><td align="center" height="60px">關於我們</td></tr>
<tr><td align="center" height="60px">團隊介紹</td></tr>
<tr><td align="center" height="60px">人才招聘</td></tr>
<tr><td align="center" height="60px">聯系我們</td></tr>
<tr><td align="center" height="60px">常見問題</td></tr>
<tr><td align="center" height="60px">意見反饋</td></tr>
<tr><td align="center" height="60px">友情鏈接</td></tr>
</table>
</td>
<!-- 左內容end -->
<!-- 空隙start -->
<td width="20px"></td>
<!-- 空隙end -->
<!-- 右內容start -->
<td width="764px" bgcolor="#ffffff">
<pre>
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML稱為超文本標記語言，是一種標識性的語言。
HTML文本是由HTML命令組成的描述性文本，
HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
</pre>
</td>
<!-- 右內容end -->
</tr>
</table>
</td>
</tr>
<!-- 主體內容end -->
<!-- 下空行start -->
<tr height="10px">
<td></td>
</tr>
<!-- 下空行end -->
<!-- 頁腳start -->
<tr height="150px" bgcolor="14191e">
<td>11111111111</td>
</tr>
<!-- 頁腳end -->
</table>
</body>
</html>