自拍偷在线精品自拍偷|国产无码一区二区久久|最新版天堂资源中文官网|国产精品第一页爽爽影院|国产精品一区二区av不卡|久久久波多野av一区无码|国产欧美日本亚洲精品一4区|亚洲精品天堂在线观看2020

當前位置:首頁 > 網(wǎng)站建設(shè) > 正文內(nèi)容

html網(wǎng)頁模板制作(html模板怎么做)

網(wǎng)站建設(shè)2年前 (2023-02-07)1028

今天給各位分享html網(wǎng)頁模板制作的知識,其中也會對html模板怎么做進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!

本文目錄一覽:

求 一個簡單的個人網(wǎng)頁模板(html)

樓主說的太含糊了!

建議可以去TempleteMonsterChina(怪獸模板)中國區(qū)官方網(wǎng)站看一看,里面各種行業(yè)的網(wǎng)站模板,包括普通的靜態(tài)展示網(wǎng)站模板,動態(tài)FLASH網(wǎng)站模板,joomla,mambo,WordPress,drupal等CMS系統(tǒng)及博客系統(tǒng)的網(wǎng)站模板,以及ZenCart,oscommerce等購物系統(tǒng)的網(wǎng)站模板!

您可以在搜索引擎中按照要求搜索即可,希望可以幫到你!

如何做html框架?

首先注意一點,在frameset/frameset所在的文件中不需要寫body體,否則會不顯示網(wǎng)頁的分頁。

做一個有頂,有左側(cè)網(wǎng)頁,有右側(cè)網(wǎng)頁的框架集網(wǎng)頁應(yīng)該怎么做?

先把各個小的分散頁面做好

all2.html

top.html

left.html

right1.html

right2.html

來看每個文件的具體代碼:

all2.html

!--這里開始是整體框架結(jié)構(gòu),為上下結(jié)構(gòu)--

frameset rows="20%,*"

frameborder=0

frame src="top.html" noresize scrolling=no

/

!--這里開始是另外一個框架集結(jié)構(gòu)為左右結(jié)構(gòu)--

frameset cols="20%,*"

frame src="left.html" noresize

/

!--frame元素中有一個name屬性,相當于給frame取名,以方便識別位置--

frame src="right1.html" name="right"

/

/frameset

/frameset

top.html

這里是頂部內(nèi)容

left.html

a href="right1.html"

target="right"青花瓷1/abr

/

a

href="right2.html"

target="right"青花瓷2/abr

/

right1.html

這里是right1.html的內(nèi)容

right2.html

這里是right2.html的內(nèi)容

怎么把html網(wǎng)頁保存為模板

親,在瀏覽器的菜單里有個保存為,選擇成文件就可以了。保存成功以后會有一個頁面,一個文件夾。這樣就說明保存成功。就可以當成模板使用了。

只用html和css做的網(wǎng)頁模板,不能有js和其他語言,最好是門戶網(wǎng)站新聞網(wǎng)

!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"http://div

????/form

??/div

/div

div?id="nav"

??ul

????lia?href="#"集團介紹/a/li

????lia?href="#"集團介紹/a/li

????lia?href="#"集團介紹/a/li

????lia?href="#"集團介紹/a/li

????lia?href="#"集團介紹/a/li

????lia?href="#"集團介紹/a/li

????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

????????ul

????????????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經(jīng)過近30年的發(fā)展/h4

????????p公司怎么樣怎么樣怎么樣怎么樣怎么樣怎么樣怎么樣/p

????/div

????div?id="news3"

????????h2人才招聘/h2

????????p我們要招人我們要招人我們要招人我們要招人/p

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

????/div

/div

div?id="wlsc"

????h2臥龍市場/h2

????dl

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

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

????????????

????/dl

????dl

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

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

????????????

????/dl

????dl

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

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

????????????

????/dl

????dl

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

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

????????????

????/dl

/div

div?id="yqlink"

div?id="yqlink1"

????????h2產(chǎn)品中心/h2

????????ul

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????/ul

????????ul

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????/ul

????????ul

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????/ul

/div

div?id="yqlink2"

????h2技術(shù)研發(fā)/h2

????????ul

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????/ul

/div

div?id="yqlink3"

????h2營銷網(wǎng)絡(luò)/h2

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

????/a

/div

/div

div?id="bottom"

????div?id="bot1"

????????a?href="#"?class="shu"網(wǎng)站地圖/a

????????a?href="#"?class="shu"聯(lián)系我們/a

????????a?href="#"?class="shu"關(guān)注臥龍/a

????????a?href="#"?class="shu1"采購系統(tǒng)入口/a

????????

????/div

????div?id="bot2"

????????pCOPYRIGHTCOPY;2013臥龍控股集團nbsp;版權(quán)所有nbsp;浙ICP備06005901號nbsp;技術(shù)支持:博采互動/p

????/div

/div

/body

/html

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

html網(wǎng)頁模板制作的介紹就聊到這里吧,感謝你花時間閱讀本站內(nèi)容,更多關(guān)于html模板怎么做、html網(wǎng)頁模板制作的信息別忘了在本站進行查找喔。

掃描二維碼推送至手機訪問。

版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。

本文鏈接:http://www.thonggone.com/post/7389.html

“html網(wǎng)頁模板制作(html模板怎么做)” 的相關(guān)文章

高端網(wǎng)站建設(shè)(高端網(wǎng)站建設(shè)方案)

高端網(wǎng)站建設(shè)(高端網(wǎng)站建設(shè)方案)

本篇文章給大家談?wù)劯叨司W(wǎng)站建設(shè),以及高端網(wǎng)站建設(shè)方案對應(yīng)的知識點,希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、現(xiàn)在做得好的高端網(wǎng)站建設(shè)有什么? 2、高端網(wǎng)站建設(shè)的特點和流程是什么? 3、高端網(wǎng)站建設(shè),應(yīng)該怎么選網(wǎng)站建設(shè)公司? 4、國內(nèi)厲害網(wǎng)站建設(shè)公司有哪些,高端建站的?...

青島網(wǎng)站優(yōu)化(青島網(wǎng)站優(yōu)化排名價格)

青島網(wǎng)站優(yōu)化(青島網(wǎng)站優(yōu)化排名價格)

本篇文章給大家談?wù)勄鄭u網(wǎng)站優(yōu)化,以及青島網(wǎng)站優(yōu)化排名價格對應(yīng)的知識點,希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、青島首頁關(guān)鍵詞優(yōu)化哪家好 2、如何做好青島網(wǎng)站關(guān)鍵詞優(yōu)化? 3、青島優(yōu)化網(wǎng)站方法 4、青島推廣代理加盟SEO網(wǎng)絡(luò)優(yōu)化哪家公司可以做? 青島首頁關(guān)鍵詞優(yōu)化哪...

網(wǎng)站建設(shè)與管理(網(wǎng)站建設(shè)與管理學什么)

網(wǎng)站建設(shè)與管理(網(wǎng)站建設(shè)與管理學什么)

今天給各位分享網(wǎng)站建設(shè)與管理的知識,其中也會對網(wǎng)站建設(shè)與管理學什么進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!本文目錄一覽: 1、網(wǎng)站建設(shè)與管理 2、網(wǎng)站建設(shè)與管理主要學什么 3、網(wǎng)站建設(shè)與管理出來可以做什么樣的工作 網(wǎng)站建設(shè)與管理 1.建立網(wǎng)站的目的這是網(wǎng)站規(guī)劃...

手機價格標簽?zāi)0澹ㄊ謾C標價簽打印模板下載)

手機價格標簽?zāi)0澹ㄊ謾C標價簽打印模板下載)

本篇文章給大家談?wù)勈謾C價格標簽?zāi)0?,以及手機標價簽打印模板下載對應(yīng)的知識點,希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、遙控機器人產(chǎn)品介紹直播話術(shù)怎么說 2、熱敏標簽打印機哪個牌子的好一點? 3、超市貨架上價格標簽用什么設(shè)備打印的? 4、流動攤點如何搞好卷煙價格標簽工作...

簡歷模板免費軟件有哪些(哪個軟件簡歷模板免費)

簡歷模板免費軟件有哪些(哪個軟件簡歷模板免費)

今天給各位分享簡歷模板免費軟件有哪些的知識,其中也會對哪個軟件簡歷模板免費進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!本文目錄一覽: 1、有什么簡歷模板免費下載 2、有沒有能制作個人簡歷的手機app? 3、手機寫簡歷用什么軟件 4、做簡歷用啥軟件? 5、做簡...

幼兒園中班家長會ppt模板免費下載(幼兒園中班家長會ppt模板免費下載手機版)

幼兒園中班家長會ppt模板免費下載(幼兒園中班家長會ppt模板免費下載手機版)

今天給各位分享幼兒園中班家長會ppt模板免費下載的知識,其中也會對幼兒園中班家長會ppt模板免費下載手機版進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!本文目錄一覽: 1、中班下學期家長會總結(jié)模板 2、中班下學期家長會PPT應(yīng)該從那幾個方面入手 3、中班家長會方案及流...