html新闻网页模板（新闻网页素材）

skyadmin 27 2022-11-13

本文目录一览：

1、只用html和css做的网页模板，不能有js和其他语言，最好是门户网站新闻网
2、求一个简单的个人网页html模板
3、现在有一个HTML的网页，要怎么变成模板，用php把这个网站搭建出来

只用html和css做的网页模板，不能有js和其他语言，最好是门户网站新闻网

!doctype html

html

head

meta charset="utf-8"

title卧龙控股/title

style type="text/css"

@charset "utf-8";

/* CSS Document */

*{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:0 auto;}

/*-top-*/

#top{width:1000px;height:100px;}

#logo{width:732px;height:59px;float:left;padding:41px 0 0 21px;}

img{border:0;}

#sear{width:247px;height:61px;float:left;padding-top:39px;}

#search{height:26px; line-height:26px;border:1px solid #e5e5e5;border-right:none;outline:none;background: #f1f1f1;float:left;color:#818181;}

#fin{width:26px;height:26px;line-height:26px;border:none;background: #f1f1f1 url(../images/sear.jpg) no-repeat center;float:left;}

.ffin{height:26px;width: 26px;border:1px solid #e5e5e5;float:left;border-left:none;}

/*-nav-*/

#nav{width:1000px;height:59px;background:#000;}

#nav ul li{width:119px; height:59px;line-height:59px;text-align:center;border-right:1px solid #484848;float:left;}

#tttt{border:0;}

#nav a{color:#fff;}

/*-banner-*/

#banner{width:1000px;height:463px;}

#news{width:1000px;height:240px;}

#news1{width:456px;height:183px;float:left;padding:36px 25px 22px 19px;float:left;}

#news1 h2{font-size:18px;font-weight:100;color:#191919;width:78px;margin-bottom:22px;}

#news1 ul{font-size:12px;width:452px;line-height:24px;}

#news1 ul a{color:#5c5c5c;width:300px;overflow:hidden;white-space:nowrap;float:left;text-overflow:ellipsis;}

#news1 ul span{float:right;padding-right:28px;}

#news1 ul li a{background:url(../images/dian.jpg) no-repeat left center;padding-left:14px;color:#929292;}

#news2{width:240px;height:240px;background:#f1f1f1;float:left;}

#news2 h2{font-size:18px;font-weight:100;color:#515151;margin:36px 0 39px 25px;}

#news2 h3{font-size:12px;color:#515151;margin:0 0 13px 25px;line-height:12px;}

#news2 h4{font-size:11px;color:#515151;margin:0 0 27px 25px;line-height:12px;}

#news2 p{width:190px;font-size:11px;font-weight:100;color:#8c8c8c;margin:0 0 0 25px;line-height:20px;}

#news3{width:260px;height:240px;background:url(../images/hua.jpg) no-repeat #fbfbfb 164px 121px;float:left;}

#news3 h2{font-size:18px;font-weight:100;color:#222;padding:36px 0 21px 25px;}

#news3 p{width:180px;font-size:12px;font-weight:100;line-height:24px;padding:0 25px 0 25px;color:#595959;}

#news3 div{padding:56px 0 0 25px;}

/*-wlsc-*/

#wlsc{width:1000px;height:276px;}

#wlsc dl{width:230px;padding-left:20px;float:left;}

.miao{width:204px;font-size:12px;line-height:2em;color:#575757;}

#wlsc h2{font-size:18px;color:#212121;margin:30px 0 17px 23px;line-height:18px;font-weight:100;}

/*-yqlink-*/

#yqlink{width:1000px;height:249px;background:#e5e5e5;}

#yqlink1{width:480px;height:249px;padding:0 0 0 20px;float:left;}

#yqlink1 h2{font-size:16px;font-weight:100;color:#5e5e5e;width:432px;border-bottom:1px solid #c1c1c1;padding:31px 0 11px 12px;}

#yqlink1 ul li{font-size:12px;line-height:24px;background:url(../images/dayu.jpg) no-repeat 0 center ;padding-left:10px;}

#yqlink1 ul{float:left;width:150px;height:200px;padding-top:10px;}

#yqlink1 a{color:#8c8c8c;}

#yqlink2{width:180px;height:249px;padding:0 0 0 20px;float:left;}

#yqlink2 h2{font-size:16px;font-weight:100;color:#5e5e5e;width:160px;border-bottom:1px solid #c1c1c1;padding:31px 0 11px 12px;}

#yqlink2 ul li{font-size:12px;line-height:24px;background:url(../images/dayu.jpg) no-repeat 0 center ;padding-left:10px;}

#yqlink2 a{color:#8c8c8c;}

#yqlink2 ul{padding-left:10px;padding-top:10px;}

#yqlink3{width:280px;height:249px;padding:0 0 0 20px;float:left;}

#yqlink3 h2{font-size:16px;font-weight:100;color:#5e5e5e;width:240px;border-bottom:1px solid #c1c1c1;padding:31px 0 11px 12px;}

#yqlink3 img{margin:15px 0 0 20px;}

#bzottom{width:1000px;height:83px;}

#bot1{width:361px;height:58px;margin:24px 0 1px 21px;float:left;}

.shu{font-size:12px;padding-right:7px;border-right:1px solid #7e7e7e;color:#888;}

.shu1{font-size:12px;padding-right:7px;color:#888;}

#bot2{width:610px;height:83px;float:left;clear:right;}

#bot2 p{font-size:12px;color:#888;margin-top:27px;}

/style

/head

body

div id="top"

div id="logo"

a href="#" alt="" title=""img src="images/logo.jpg" //a/div

div id="sear"

form name="" method="" action=""

input type="text" value="SEARCH..." id="search"/

div class="ffin"input type="submit" value="" id="fin"//div

/form

/div

div id="nav"

lia href="#"集团介绍/a/li

li id="tttt"a href="#"集团介绍/a/li

/ul

/div

div id="banner"a href="#"img src="images/banner.jpg" alt="" title="" //a/div

div id="news"

div id="news1"

h2新闻资讯/h2

lia href="#"新闻条新闻条新闻条新条新闻条新闻条新闻条新闻条新闻条新闻条新闻条/aspan2016-12-02/span/li

lia href="#"新闻条新闻条新闻条新闻条新闻条新闻条新条新闻条新闻条新闻条新闻条/aspan2016-12-02/span/li

lia href="#"新闻条新闻条新闻条新新闻条条新闻条新闻条新新闻条新闻条新闻条闻条/aspan2016-12-02/span/li

lia href="#"新闻条新闻条新闻条新新闻条新条新闻条新闻条新闻条新闻条新闻条闻条/aspan2016-12-02/span/li

lia href="#"新闻条新闻条新闻条新闻条新闻条新条新闻条新闻条新闻条新闻条新闻条/aspan2016-12-02/span/li

lia href="#"新闻条新闻条新闻条新闻条新闻条新闻条新条新闻条新闻条新条/aspan2016-12-02/span/li

/ul

/div

div id="news2"

h2卧龙介绍/h2

h3公司成立于1984年，/h3

h4经过近30年的发展/h4

p公司怎么样怎么样怎么样怎么样怎么样怎么样怎么样/p

/div

div id="news3"

h2人才招聘/h2

p我们要招人我们要招人我们要招人我们要招人/p

diva href="#"img src="images/more.jpg" alt="" title=""/a/div

/div

div id="wlsc"

h2卧龙市场/h2

dtimg src="images/wlsc1.jpg" alt="" title=""/dt

dd class="miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

/dl

dtimg src="images/wlsc2.jpg" alt="" title=""/dt

dd class="miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

/dl

dtimg src="images/wlsc3.jpg" alt="" title=""/dt

dd class="miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

/dl

dtimg src="images/wlsc4.jpg" alt="" title=""/dt

dd class="miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

/dl

/div

div id="yqlink"

div id="yqlink1"

h2产品中心/h2

lia href="#"我是链接/a/li

/ul

lia href="#"我是链接/a/li

/ul

lia href="#"我是链接/a/li

/ul

/div

div id="yqlink2"

h2技术研发/h2

lia href="#"我是链接/a/li

/ul

/div

div id="yqlink3"

h2营销网络/h2

a href="#"img src="images/ditu.jpg" alt="" title="" /

/div

div id="bottom"

div id="bot1"

a href="#" class="shu"网站地图/a

a href="#" class="shu"联系我们/a

a href="#" class="shu"关注卧龙/a

a href="#" class="shu1"采购系统入口/a

/div

div id="bot2"

/div

/body

/html

你把文字和图片改一下就可以了

html新闻网页模板（新闻网页素材）

求一个简单的个人网页html模板

这种模板很多的，百度打开一个网页右键源代码就能找到了。

html xmlns=""headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"

meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"

meta name="apple-mobile-web-app-capable" content="yes"

meta name="apple-mobile-web-app-status-bar-style" content="black"

link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon"

link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon"

link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon"

title{dede:global.cfg_webname/}/title

meta name="keywords" content="{dede:global.cfg_keywords/}"

meta name="description" content="{dede:global.cfg_description/}"

link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css"

script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"/script

script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"/script

style type="text/css"

html,

body {

margin: 0;

padding: 0;

}

.iw_poi_title {

color: #CC5522;

font-size: 14px;

font-weight: bold;

overflow: hidden;

padding-right: 13px;

white-space: nowrap

}

.iw_poi_content {

font: 12px arial, sans-serif;

overflow: visible;

padding-top: 4px;

white-space: -moz-pre-wrap;

word-wrap: break-word

}

/style

script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"/script

script

jQuery(document).ready(function() {

jQuery('#openSidebar').click(function() {

jQuery('.wrapper').toggleClass('openNav');

});

jQuery('#menu a').click(function() {

jQuery('.wrapper').removeClass('openNav');

});

/script

script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"/scriptscript type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"/scriptlink rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css"

style type="text/css"

html,

body,

wrapper {

height: 100%;

}

/style

/head

body

div class="wrapper"

div class="sidebar"

div class="clearfix k1120"

div class="navBox" id="openSidebar"

a href="javascript:void(0)" class="navOpen"/a

/div

div id="menu"

ul class="clearfix"

lia href="#home" class="nav_home current"span首页br /bHome/b/span/a

/li

lia href="#services" class="nav_services"span服务范围br /bServices/b/span/a

/li

lia href="#case" class="nav_case"span案例展示br /bCase/b/span/a

/li

lia href="#about" class="nav_about"span关于我们br /bAbout us/b/span/a

/li

lia href="#news" class="nav_news"span新闻动态br /bNews/b/span/a

/li

lia href="#contact" class="nav_contact"span联系我们br /bContact us/b/span/a

/li

/ul

/div

div class="pageMain"

div id="header"

div class="k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a

/div

div id="home" class="scrol-page"

div class="banner"

div class="b_1" style="background-position: 50% 0px;"

div class="k1120 clearfix"

div class="b_pic"

div class="mac" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/mac.png"

/div

div class="iphone" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/iphone.png"

/div

div class="ipad" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/ipad.png"

/div

div class="b_text" style="margin-top: 0px; opacity: 1;"

{dede:global.cfg_ggg/}

/div

div class="banner"

现在有一个HTML的网页，要怎么变成模板，用php把这个网站搭建出来

如果要把html转成cms模板，那是仿站的过程，比直接从千站素材下载模板复杂的多。原理大致为对html网页根据CMS系统程序的不同,对模板标签的定义改造：

比如有些模板用${news[1,2,3,3]}有的类似 {FS_新闻列表}

等形式,楼主应该根据CMS程序的使用说明,了解模板标签,在你的页面中插入相应的标签后,将代码复制到程序模板目录或后台..

html新闻网页模板的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于新闻网页素材、html新闻网页模板的信息别忘了在云尚网络www.ysfad.net进行查找喔。

暂时没有评论，来抢沙发吧~

html新闻网页模板（新闻网页素材）

只用html和css做的网页模板，不能有js和其他语言，最好是门户网站新闻网

求一个简单的个人网页html模板

现在有一个HTML的网页，要怎么变成模板，用php把这个网站搭建出来

南京排名推广（南京产品推广）

上海高端seo公司（上海哪家seo好）

长沙百度网站快速优化（长沙百度快照优化排名）

最近发表

热评文章

网站做关键词排名有什么注意事项？

新网站应该怎样优化

怎么挖掘长尾关键词 SEO关键词挖掘方法教程

抖音seo快排软件如何选择？

12个适合初学者的SEO基本技巧，增加网站流量

外贸独立站谷歌SEO优化排名到底怎么做？