制作一个如下图所示的框架网页，写出HTML代码。
要求：框架1名称为Head，源文件为Head.htm,高度为80象素；框架2名称为Index,源文件为Index.htm, 宽度为160像素；框架3名称为Main，源文件为Main.htm;框架4名称为Foot,源文件为Copyright.htm,高度为60像素。
第1个回答 2011-09-28
<style type='text/css'>
#hifm{
width:1000px;
height:600px;
border:1px solid yellow;
float:left;
}
.head{
width:1000px;
height:80px;
border:1px solid yellow;
float:left;
}
.index{
width:160px;
height:455px;
border:1px solid yellow;
float:left;
}
.main{
width:836px;
height:455px;
border:1px solid yellow;
float:left;
}
.foot{
width:1000px;
height:60px;
border:1px solid yellow;
float:left;
}
</style>
<div id='hifm'>
<div class="head">Head</div>
<div class='index'>Index</div><div class='main'>Main</div>
<div class='foot'>Foot</div>
</div>
#hifm{
width:1000px;
height:600px;
border:1px solid yellow;
float:left;
}
.head{
width:1000px;
height:80px;
border:1px solid yellow;
float:left;
}
.index{
width:160px;
height:455px;
border:1px solid yellow;
float:left;
}
.main{
width:836px;
height:455px;
border:1px solid yellow;
float:left;
}
.foot{
width:1000px;
height:60px;
border:1px solid yellow;
float:left;
}
</style>
<div id='hifm'>
<div class="head">Head</div>
<div class='index'>Index</div><div class='main'>Main</div>
<div class='foot'>Foot</div>
</div>
第2个回答 2011-09-23
<frameset rows="80,*,60" style="width:100%; height:100%; ">
<frame name="Head" src="Head.htm">
<frameset cols="160,*">
<frame src="index.htm">
<frame name="Main" src="Main.htm">
</frameset>
<frame src="Copyright.htm">
</frameset>
<frame name="Head" src="Head.htm">
<frameset cols="160,*">
<frame src="index.htm">
<frame name="Main" src="Main.htm">
</frameset>
<frame src="Copyright.htm">
</frameset>
第3个回答 2011-09-22
<html>
<head>
<title>表格</title>
</head>
<style>
table{
border:1px black solid;
border-collapse:collapse;
}
td{
border:1px black solid;
}
</style>
<body>
<table >
<tr>
<td colspan="2">框架1</td>
</tr>
<tr height="50px">
<td width="80px">框架2左</td><td width="200px">框架2右</td>
</tr>
<tr>
<td colspan="2">框架3</td>
</tr>
</table>
</body>
</html>
<head>
<title>表格</title>
</head>
<style>
table{
border:1px black solid;
border-collapse:collapse;
}
td{
border:1px black solid;
}
</style>
<body>
<table >
<tr>
<td colspan="2">框架1</td>
</tr>
<tr height="50px">
<td width="80px">框架2左</td><td width="200px">框架2右</td>
</tr>
<tr>
<td colspan="2">框架3</td>
</tr>
</table>
</body>
</html>
第4个回答 2011-09-22
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<frameset rows="80,*,60" framespacing="0">
<frame name="Head" src="Head.html" noresize="noresize" marginwidth="0" marginheight="0" scrolling="no"></frame>
<frameset cols="160,*">
<frame name="Index" src="Index.htm" noresize="noresize" marginwidth="0" marginheight="0"
scrolling="no"></frame>
<frame name="Main" src="Main.htm" noresize="noresize" marginwidth="0" marginheight="0" scrolling="no"></frame>
</frameset>
<frame name="Foot" src="Copyright.htm" noresize="noresize" marginwidth="0" marginheight="0" scrolling="no"></frame>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>本回答被提问者采纳
<head>
<title></title>
</head>
<frameset rows="80,*,60" framespacing="0">
<frame name="Head" src="Head.html" noresize="noresize" marginwidth="0" marginheight="0" scrolling="no"></frame>
<frameset cols="160,*">
<frame name="Index" src="Index.htm" noresize="noresize" marginwidth="0" marginheight="0"
scrolling="no"></frame>
<frame name="Main" src="Main.htm" noresize="noresize" marginwidth="0" marginheight="0" scrolling="no"></frame>
</frameset>
<frame name="Foot" src="Copyright.htm" noresize="noresize" marginwidth="0" marginheight="0" scrolling="no"></frame>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>本回答被提问者采纳
相似回答