① 只用html和css做的網頁模板,不能有js和其他語言,最好是門戶網站新聞網
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>卧龍控股</title>
<styletype="text/css">
@charset"utf-8";
/*CSSDocument*/
*{margin:0;padding:0;font-family:"微軟雅黑";}
ul,ol,li{list-style:none;}
a,u{text-decoration:none;}
#top,#nav,#banner,#news,#wlsc,#yqlink,#bottom{margin:0auto;}
/*-top-*/
#top{width:1000px;height:100px;}
#logo{width:732px;height:59px;float:left;padding:41px0021px;}
img{border:0;}
#sear{width:247px;height:61px;float:left;padding-top:39px;}
#search{height:26px;line-height:26px;border:1pxsolid#e5e5e5;border-right:none;outline:none;background:#f1f1f1;float:left;color:#818181;}
#fin{width:26px;height:26px;line-height:26px;border:none;background:#f1f1f1url(../images/sear.jpg)no-repeatcenter;float:left;}
.ffin{height:26px;width:26px;border:1pxsolid#e5e5e5;float:left;border-left:none;}
/*-nav-*/
#nav{width:1000px;height:59px;background:#000;}
#navulli{width:119px;height:59px;line-height:59px;text-align:center;border-right:1pxsolid#484848;float:left;}
#tttt{border:0;}
#nava{color:#fff;}
/*-banner-*/
#banner{width:1000px;height:463px;}
#news{width:1000px;height:240px;}
#news1{width:456px;height:183px;float:left;padding:36px25px22px19px;float:left;}
#news1h2{font-size:18px;font-weight:100;color:#191919;width:78px;margin-bottom:22px;}
#news1ul{font-size:12px;width:452px;line-height:24px;}
#news1ula{color:#5c5c5c;width:300px;overflow:hidden;white-space:nowrap;float:left;text-overflow:ellipsis;}
#news1ulspan{float:right;padding-right:28px;}
#news1ullia{background:url(../images/dian.jpg)no-repeatleftcenter;padding-left:14px;color:#929292;}
#news2{width:240px;height:240px;background:#f1f1f1;float:left;}
#news2h2{font-size:18px;font-weight:100;color:#515151;margin:36px039px25px;}
#news2h3{font-size:12px;color:#515151;margin:0013px25px;line-height:12px;}
#news2h4{font-size:11px;color:#515151;margin:0027px25px;line-height:12px;}
#news2p{width:190px;font-size:11px;font-weight:100;color:#8c8c8c;margin:00025px;line-height:20px;}
#news3{width:260px;height:240px;background:url(../images/hua.jpg)no-repeat#fbfbfb164px121px;float:left;}
#news3h2{font-size:18px;font-weight:100;color:#222;padding:36px021px25px;}
#news3p{width:180px;font-size:12px;font-weight:100;line-height:24px;padding:025px025px;color:#595959;}
#news3div{padding:56px0025px;}
/*-wlsc-*/
#wlsc{width:1000px;height:276px;}
#wlscdl{width:230px;padding-left:20px;float:left;}
.miao{width:204px;font-size:12px;line-height:2em;color:#575757;}
#wlsch2{font-size:18px;color:#212121;margin:30px017px23px;line-height:18px;font-weight:100;}
/*-yqlink-*/
#yqlink{width:1000px;height:249px;background:#e5e5e5;}
#yqlink1{width:480px;height:249px;padding:00020px;float:left;}
#yqlink1h2{font-size:16px;font-weight:100;color:#5e5e5e;width:432px;border-bottom:1pxsolid#c1c1c1;padding:31px011px12px;}
#yqlink1ulli{font-size:12px;line-height:24px;background:url(../images/dayu.jpg)no-repeat0center;padding-left:10px;}
#yqlink1ul{float:left;width:150px;height:200px;padding-top:10px;}
#yqlink1a{color:#8c8c8c;}#yqlink2{width:180px;height:249px;padding:00020px;float:left;}
#yqlink2h2{font-size:16px;font-weight:100;color:#5e5e5e;width:160px;border-bottom:1pxsolid#c1c1c1;padding:31px011px12px;}
#yqlink2ulli{font-size:12px;line-height:24px;background:url(../images/dayu.jpg)no-repeat0center;padding-left:10px;}
#yqlink2a{color:#8c8c8c;}
#yqlink2ul{padding-left:10px;padding-top:10px;}
#yqlink3{width:280px;height:249px;padding:00020px;float:left;}
#yqlink3h2{font-size:16px;font-weight:100;color:#5e5e5e;width:240px;border-bottom:1pxsolid#c1c1c1;padding:31px011px12px;}
#yqlink3img{margin:15px0020px;}
#bzottom{width:1000px;height:83px;}
#bot1{width:361px;height:58px;margin:24px01px21px;float:left;}
.shu{font-size:12px;padding-right:7px;border-right:1pxsolid#7e7e7e;color:#888;}
.shu1{font-size:12px;padding-right:7px;color:#888;}
#bot2{width:610px;height:83px;float:left;clear:right;}
#bot2p{font-size:12px;color:#888;margin-top:27px;}
</style>
</head>
<body>
<divid="top">
<divid="logo">
<ahref="#"alt=""title=""><imgsrc="images/logo.jpg"/></a></div>
<divid="sear">
<formname=""method=""action="">
<inputtype="text"value="SEARCH..."id="search"/>
<divclass="ffin"><inputtype="submit"value=""id="fin"/></div>
</form>
</div>
</div>
<divid="nav">
<ul>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<liid="tttt"><ahref="#">集團介紹</a></li>
</ul>
</div>
<divid="banner"><ahref="#"><imgsrc="images/banner.jpg"alt=""title=""/></a></div><divid="news">
<divid="news1">
<h2>新聞資訊</h2>
<ul>
<li><ahref="#">新聞條新聞條新聞條新條新聞條新聞條新聞條新聞條新聞條新聞條新聞條</a><span>2016-12-02</span></li>
<li><ahref="#">新聞條新聞條新聞條新聞條新聞條新聞條新條新聞條新聞條新聞條新聞條</a><span>2016-12-02</span></li>
<li><ahref="#">新聞條新聞條新聞條新新聞條條新聞條新聞條新新聞條新聞條新聞條聞條</a><span>2016-12-02</span></li>
<li><ahref="#">新聞條新聞條新聞條新新聞條新條新聞條新聞條新聞條新聞條新聞條聞條</a><span>2016-12-02</span></li>
<li><ahref="#">新聞條新聞條新聞條新聞條新聞條新條新聞條新聞條新聞條新聞條新聞條</a><span>2016-12-02</span></li>
<li><ahref="#">新聞條新聞條新聞條新聞條新聞條新聞條新條新聞條新聞條新條</a><span>2016-12-02</span></li>
</ul>
</div>
<divid="news2">
<h2>卧龍介紹</h2>
<h3>公司成立於1984年,</h3>
<h4>經過近30年的發展</h4>
<p>公司怎麼樣怎麼樣怎麼樣怎麼樣怎麼樣怎麼樣怎麼樣</p>
</div>
<divid="news3">
<h2>人才招聘</h2>
<p>我們要招人我們要招人我們要招人我們要招人</p>
<div><ahref="#"><imgsrc="images/more.jpg"alt=""title=""></a></div>
</div>
</div>
<divid="wlsc">
<h2>卧龍市場</h2>
<dl>
<dt><imgsrc="images/wlsc1.jpg"alt=""title=""></dt>
<ddclass="miao">我是描述我是描述我是描述我是描述我是描述我是描述</dd>
</dl>
<dl>
<dt><imgsrc="images/wlsc2.jpg"alt=""title=""></dt>
<ddclass="miao">我是描述我是描述我是描述我是描述我是描述我是描述</dd>
</dl>
<dl>
<dt><imgsrc="images/wlsc3.jpg"alt=""title=""></dt>
<ddclass="miao">我是描述我是描述我是描述我是描述我是描述我是描述</dd>
</dl>
<dl>
<dt><imgsrc="images/wlsc4.jpg"alt=""title=""></dt>
<ddclass="miao">我是描述我是描述我是描述我是描述我是描述我是描述</dd>
</dl>
</div>
<divid="yqlink">
<divid="yqlink1">
<h2>產品中心</h2>
<ul>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
</ul>
<ul>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
</ul>
<ul>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
</ul>
</div>
<divid="yqlink2">
<h2>技術研發</h2>
<ul>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
</ul>
</div>
<divid="yqlink3">
<h2>營銷網路</h2>
<ahref="#"><imgsrc="images/ditu.jpg"alt=""title=""/>
</a>
</div>
</div>
<divid="bottom">
<divid="bot1">
<ahref="#"class="shu">網站地圖</a>
<ahref="#"class="shu">聯系我們</a>
<ahref="#"class="shu">關注卧龍</a>
<ahref="#"class="shu1">采購系統入口</a>
</div>
<divid="bot2">
<p>COPYRIGHT©2013卧龍控股集團 版權所有 浙ICP備06005901號 技術支持:博採互動</p>
</div>
</div>
</body>
</html>
你把文字和圖片改一下就可以了