本篇文章給大家談?wù)勳o態(tài)HTML網(wǎng)頁模板源碼，以及靜態(tài)網(wǎng)頁指用html語言編寫的網(wǎng)頁,制作方法簡單易學(xué)對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、Python寫靜態(tài)HTML
• 2、怎么制作 HTML靜態(tài)網(wǎng)頁？
• 3、求一個簡單的靜態(tài)的個人網(wǎng)頁源代碼 要html的
• 4、求html靜態(tài)網(wǎng)頁源碼
• 5、HTML靜態(tài)網(wǎng)頁中的模板

Python寫靜態(tài)HTML

因為近期工作需要，常常要將測試結(jié)果/數(shù)據(jù)統(tǒng)計、匯總和展示，因此會有寫靜態(tài)HTML的需求，本文記錄下python寫靜態(tài)HTML的小技巧

靈感時來源于unittest測試框架最常用的報告插件： HTMLTestRunner ，該插件本身基于python2且已經(jīng)更新了，好在 @蟲師 一直在維護和更新這個插件，使得它能繼續(xù)被大家所使用，了解詳情請移步： SeldomQA/HTMLTestRunner

回到HTMLTestRunner報告插件，閱讀源碼發(fā)現(xiàn)，作者只用了一個python文件便巧妙的將寫HTML、頁面繪制和數(shù)據(jù)嵌入搞定了。進一步分析可以看到，作者先是在Template基類中定義了測試報告的HTML結(jié)構(gòu)模板和各個模塊/表格模板，然后再以格式化輸入的形式給每一個模板中填充目標(biāo)數(shù)據(jù)，再將填充好的模板以格式化輸入的形式填充到HTML結(jié)構(gòu)模板中，最后再將所有內(nèi)容寫成一個HTML文件即可。

可以看到，這樣的設(shè)計其實優(yōu)點在于非常小巧和輕量，缺點在于可維護和可移植性差，數(shù)據(jù)量小還尚可，不太適合大量數(shù)據(jù)的統(tǒng)計和繪制。

這種設(shè)計的關(guān)鍵在于建模板，然后 按需 填充數(shù)據(jù)，最后再寫HTML，通常我的做法是：

怎么制作 HTML靜態(tài)網(wǎng)頁？

網(wǎng)頁制作需要下載軟件：

DREAMWEAVER、PHOTOSHOP、FLASH MX

均中文版，安全無毒，支持WIN7、XP、WIN2K 32位及64位

地址：

安裝完成即可永久使用

求一個簡單的靜態(tài)的個人網(wǎng)頁源代碼 要html的

我教你，你把下面這段文字保存為test.htm，就可以用網(wǎng)頁瀏覽器打開了。

html

title最簡單的靜態(tài)頁面/title

body This is a simplest static page demostration./body

/html

求html靜態(tài)網(wǎng)頁源碼

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title濺/title

style

!--

body {

background:url(img/bg9.gif);

margin:0px;

padding:0px;

}

.pic{

border:1px solid #00406c;

}

p {

padding-top:30px;

color:#001671;

}

p.con{

padding-left:4px;

padding-right:4px;

}

p.title {

paddin-top;0px;

}

.chara1 {

font-size:12px;

background-color:#90bcff;

}

.chara1 td{

text-align:center;

}

.chara2 {

background-color:#d2e7ff;

text-align:center;

font-size:12px;

vertical-align:top;

}

.chara3 {

background:#e9fbff url(img/self.jpg) no-repeat bottom right;

vertical-align:top;

padding-top:15px;

padding-left:30px;

font-size:12px;padding-right:15px;

}

--

/style

/head

body

table align="center" cellpadding="1" cellspacing="0"

trtdimg src="img/banner3.jpg" border="0" //td/tr

/table

table width="600px" cellpadding="2" cellspacing="2" class="chara1" align="center"

trtd首面/tdtd心情日記/tdtdFree/tdtd一起走到/tdtd從明天起/tdtd紙飛機/tdtd下一站/td/tr

/table

table width="600px" align="center" cellpadding="0" cellspacing="1"

tr

td width="150px" class="chara2" pimg src="img/selfpic.jpg" class="pic"/br /我的日記本/p

p class="con"他們彼此深信，是瞬間并發(fā)的熱情讓他們相遇。這樣的確定是美麗的，但變幻無常更為美麗。/p

p img src="img/selfpic2.jpg" class="pic"/br/心情軌跡/p

p class="con"董事長的一切都讓人既羨慕又忌妒，但更讓人受不了的是，有一天，上蒼忽然賜給他一個神奇的禮物/p /td

td class="chara3"

h4介紹/h4

p我努力的抓緊世界，最后卻仍被世界淘汰，如果一開始就松手，我會不那么傷心嗎？你說，親愛的孩子，世事難料，隨它去吧！/p

h4照相本子/h4

p關(guān)于童年，你記住了什么？ br

兩歲時，我擁有一只巨大的粉紅豬，它總在我嚎啕大哭時逗我笑。br

三歲時，我騎著小木馬一路搖到外婆家，它不喝水也不吃草。br

四歲時，我離家出走，在公車上睡著了，最后是太空超人送我回家。br

我真的沒騙你，我通通都記得，還有照片為證。

/p

h4地下鐵/h4

p天使在地下鐵的入口，br

和我說再見的那一年，br

我漸漸看不見了。br

十五歲生日的那年秋天早晨，br

窗外下著毛毛雨，br

我喂好我的貓。br

六點零五分，br

我走進地下鐵。/p

h4向左走向右走/h4

pThey're both convincedbr

that a sudden passion joined them.br

Such certainth is beautiful,br

but uncertainty is more beautiful still./p

br

/td

/tr

/table

/body

/html

HTML靜態(tài)網(wǎng)頁中的模板

簡明步驟：打開一個已經(jīng)存在的網(wǎng)頁→另存為模板→新建可編纂?yún)^(qū)域→保留。

詳細：

(1).打開示例站點中已經(jīng)建好的index.htm文件，打開“文件”，點擊“另存為模板”。

(2).選擇模板存放的站點，在“另存為模板”對話框中為模板輸入一個獨一的名稱，單擊保留按鈕。

(3).在“插入欄”選擇“模板”，然后單擊“可編輯區(qū)域”。

(4).頻頻這個過程?？梢栽僮鲆恍翱删庉媴^(qū)域”。

(5).打開“文件”菜單，單擊“保留”。一個模板就做好了。

關(guān)于靜態(tài)HTML網(wǎng)頁模板源碼和靜態(tài)網(wǎng)頁指用html語言編寫的網(wǎng)頁,制作方法簡單易學(xué)的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。