HTML基础学习-6-表格学习2
<html>
<!--
表格大布局
<table 的align="right" right 水平则表示 左右
并列的第一个 align 为左或者右才可以 让并列的后面的显示在同一行
属性决定了 两个并列表格之间是上下还是左右
body 的属性 topmargin="0" 离上面的距离则为0
-->
<head>
<meta charset="utf-8">
<title>表格嵌套布局</title>
</head>
<body topmargin="0" leftmargin="0">
<table border="1" width="960" align="center" cellpadding="0">
<tr height ="90" bgcolor="red" >
<td >
<font size = "6" color="white">
<b>网页头部</b>
</td>
</tr>
<tr bgcolor="blue">
<td>
<table align="left" height="500" width="30%" bgcolor="yellow">
<tr>
<td> 网页左侧部分</td>
</tr>
</table>
<table align="right" height="500" width="70%" bgcolor="green">
<tr>
<td>
网页右侧部分
</td>
</tr>
</table>
</td>
</tr>
<tr height ="90" bgcolor="green">
<td>
<font size = "6" color="white">
<b>网页底部</b>
</td>
</tr>
</table>
</body>
</html>
跟随视频学习,手写记录自己学习过程中的点点滴滴,一起加油吧。