【web】上机实验四

最新推荐文章于 2024-04-01 21:36:06 发布

shangguan_1234

最新推荐文章于 2024-04-01 21:36:06 发布

阅读量415

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/shangguan_1234/article/details/52862922

版权

web 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

实现这个样子

代码如下

<html>
<head>
<meta charset="utf-8">
<title>贵美商城</title>
</head>
<frameset  border color="red"  rows="25%,75%,*"  border="5">
    <frame src="top.html" name="top" />
    <frame src="left.html" name="left" />
    </frame>
</frameset>
<noframes>
    <body>  如浏览器不支持框架，才显示body内的内容 </body>
</noframes>
</html>

<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

body {
	background-image: url(images/customer.jpg);
	background-repeat: no-repeat;
}
.STYLE7 {color: #333333}
li{list-style:none;line-height:12px;font-size:12px;}
div {display:none;}

</style>
</head>

<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
  <li> <span>
    <a href="right.html"><img src="images/reg.jpg" border="0" alt="alt" /></a>
 
  </li>
  <li><span>
    <a href="buy.html"><img src="images/buy.jpg" border="0" alt="alt" /></a>
  </li>
  <li>
    <a href="sale.html"><img src="images/sale.jpg" border="0" alt="alt" /></a>
  </li>
  <p><img src="images/person.jpg" border="0" alt="alt" /></p>
</body>
</html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>导航页</title>
</head>

<body>
<p><img src="images/logo.gif" width="250" height="40" alt="alt" />您好，欢迎来到贵美商城！<br />
  <img src="images/center.gif" width="148" height="39" alt="alt" /><br />
<img src="images/blue_line.gif" width="955" height="18" alt="alt" /></p>
</body>
</html>