您的位置：首页 > Web前端 > HTML

HTML基础学习-6-表格学习2

2017-06-11 21:03 375 查看
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>


跟随视频学习，手写记录自己学习过程中的点点滴滴，一起加油吧。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html css
相关文章推荐
新的分享
章节导航