小案例—龙湖地产界面自制
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小案例</title>
<style type="text/css">
ul{
color: white;
}
</style>
<!--
作者:shidiwen
时间:2021-01-20
描述:小案例
-->
</head>
<body bg bgcolor="#00327c">
<table cellpadding="0" cellspacing="0" background="img/background.jpg" width="1421" height=" 867" align="center">
<tr>
<td>
<table cellspacing="0" width="100" height="100%" align="center">
<tr>
<td height="80" background="img/logo.jpg"></td>
</tr>
<tr>
<td height="37" background="img/nav.jpg">
<table width="100%" height="37" cellspacing="0" cellpadding="0">
<tr>
<td width="97" background="img/choose.jpg" align="center"><font color="white"><a href="xiaoanli.html">首页</a></font></td>
<td width="97" align="center"><font color="white"><a href="gongsijianjie.html">公司简介</a></font></td>
<td width="97" align="center"><font color="white">新闻中心</font></td>
<td width="97" align="center"><font color="white">客户服务</font></td>
<td width="97" align="center"><font color="white">人力资源</font></td>
<td width="97" align="center"><font color="white">客服中心</font></td>
<td width="97" align="center"><font color="white">业务区域</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="238">
<img src="img/banner.jpg" />
</td>
</tr>
<tr height="422">
<td background="img/content.jpg">
<table width="100%" height="100%" cellpadding="0" cellspacing="20">
<tr>
<td colspan="2">
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td colspan="2" valign="top">
<h3>
<img src="img/label.png" /><font color="white"> 热点资讯 <img src="img/more.gif" /></font>
<hr color="skyblue"/>
</h3>
</td>
</tr>
<tr>
<td rowspan="2" height="115" width="173">
<img src="img/pic1.png" />
</td>
<td>
<font color="white" size="3"><b> 龙湖股份:百强房企跨越上市 引领地产阔步走强</b></font>
</td>
</tr>
<tr>
<td>
<p><font color="white" size="2"> 12月30日上午9点28分,随着董事长俞午先生和总裁汪液女士一起敲响了当天开市锣声,A股开盘之时,正式更名为“龙湖股份”。......</font></p>
</td>
</tr>
</table>
</td>
<td rowspan="2" width="243" valign="top" >
<h3><img src="img/label.png"/><font color="white"> 最新楼盘 <img src="img/more.gif" /></font></h3>
<hr color="skyblue"/>
<img src="img/index-lp2-1.jpg" />
<img src="img/index-lp2-2.jpg" />
<img src="img/index-lp2-3.jpg" />
<img src="img/index-lp2-4.jpg" />
</td>
</tr>
<tr>
<td valign="top">
<h3><img src="img/label.png" /><font color="white"> 公司新闻 <img src="img/more.gif" /></font></h3>
<hr color="skyblue"/>
<img src="img/pic2.jpg" />
<ul type="square">
<div>
<li><font size="2">龙湖地产5月签约33.5亿元 北京双天街热销超</font></li>
<li><font size="2">龙湖地产4月签约30.4亿元 重庆项目创新市场成</font></li>
<li><font size="2">龙湖地产一季度合作销售65.3亿 二季度增加推新</font></li>
<li><font size="2">2011年合同的销售额达人民币382.7亿元</font></li>
</div>
</ul>
</td>
<td valign="top">
<h3><img src="img/label.png" /><font color="white"> 商业动态 <img src="img/more.gif" /></font></h3>
<hr color="skyblue"/>
<img src="img/pic3.jpg"/>
<ul type="square">
<div>
<li><font size="2">重庆龙湖MOCO家具生活馆全馆盛大开放!</font></li>
<li><font size="2">北京“龙湖”商业街盛大开街!</font></li>
<li><font size="2">北城天街新馆盛大开业</font></li>
<li><font size="2">重庆龙湖再启社区儿童素质教育第二课堂</font></li>
</div>
</ul>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="60" background="img/bottom.jpg" align="center">
<font color="skyblue" size="2">法律声明 | 网站地图 | 意见建议 | 版权信息 | 联系我们<br />2012 龙湖地产有限公司 渝ICP备05003852号</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
运行结果如图:
附页1:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>公司简介</title>
<!--
作者:shidiwen
时间:2021-01-20
描述:公司简介
从外向内写,从左向右写
-->
</head>
<body bgcolor="#00327c">
<table cellpadding="0" cellspacing="0" width="1421" height="867" background="img/background.jpg" align="center">
<tr>
<td>
<table cellspacing="0" width="900" height="100%" align="center">
<tr>
<td height="80" background="img/logo.jpg"></td>
</tr>
<tr>
<td height="37" background="img/nav.jpg">
<table width="100%" height="37" cellspacing="0" cellpadding="0">
<tr>
<td width="97" background="img/choose.jpg" align="center"><font color="white"><a href="xiaoanli.html">首页</a></font></td>
<td width="97" align="center"><font color="white"><a href="gongsijianjie.html">公司简介</a></font></td>
<td width="97" align="center"><font color="white">新闻中心</font></td>
<td width="97" align="center"><font color="white">客户服务</font></td>
<td width="97" align="center"><font color="white">人力资源</font></td>
<td width="97" align="center"><font color="white">客服中心</font></td>
<td width="97" align="center"><font color="white">业务区域</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="185" background="img/page02-pic.jpg"></td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%" height="100%" >
<tr>
<td background="img/page01-leftbar.jpg" height="505" width="158" align="left">
<table cellspacing="" cellpadding="20" align="top">
<tr>
<td>
<h3><a href="a.html" target="gsjj">公司简介</a><h3>
<p><img src="img/page01-line.jpg" /></p>
<h3><a href="b.html" target="gsjj">竞争优势</b></h3>
<p><img src="img/page01-line.jpg" /></p>
<h3><a href="c.html" target="gsjj">公司战略</c></h3>
<p><img src="img/page01-line.jpg" /></p>
<h3><a href="d.html" target="gsjj">发展历程</h3>
<p><img src="img/page01-line.jpg" /></p>
<h3>公司简介</h3>
<p><img src="img/page01-line.jpg" /></p>
</td>
</tr>
</table>
</td>
<td bgcolor="white">
<iframe width="100%" height="100%" frameborder="0" name="gsjj" src="a.html"></iframe>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="60" background="img/bottom.jpg" align="center">
<font color="skyblue" size="2">法律声明 | 网站地图 | 意见建议 | 版权信息 | 联系我们<br />2012 龙湖地产有限公司 渝ICP备05003852号</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
运行结果如图:
附页2(公司简介页的链接)
链接a:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>这是A的内容</h1>
<img src="img/banner.jpg">
<p>这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,</p>
</body>
</html>
链接b:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>这是B的内容</h1>
<img src="img/page01-banner.jpg">
<p>这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,</p>
</body>
</html>
链接c:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>这是C的内容</h1>
<img src="img/page04-banner.jpg">
<p>这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,</p>
</body>
</html>
链接d:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>这是D的内容</h1>
<img src="img/pic2.jpg">
<p>这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,这是一个段落,</p>
</body>
</html>
运行结果如图: