homework3 龙湖地产界面自制
小案例—龙湖地产界面自制
<html>
<head>
<meta charset="UTF-8">
<title>小案例title>
<style type="text/css">
ul{
color: white;
}
style>
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：
<html>
<head>
<meta charset="utf-8">
<title>公司简介title>
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：
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<h1>这是A的内容h1>
<img src="img/banner.jpg">
<p>这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，p>
body>
html>
链接b:
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<h1>这是B的内容h1>
<img src="img/page01-banner.jpg">
<p>这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，p>
body>
html>
链接c:
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<h1>这是C的内容h1>
<img src="img/page04-banner.jpg">
<p>这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，p>
body>
html>
链接d:
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<h1>这是D的内容h1>
<img src="img/pic2.jpg">
<p>这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，这是一个段落，p>
body>
html>
运行结果如图：
