首先看一下網(wǎng)頁(yè)的文件架構(gòu)（只有一層文件夾）就這些更多見(jiàn)我的這篇文章：網(wǎng)頁(yè)源碼：聲明：請(qǐng)勿惡意搬運(yùn)代碼，禁止盜版！違者將追究法律責(zé)任！禁止盜版！

允許部分摘取引用（注意別漏了，不然" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢(xún) 在線咨詢(xún)
15158846557 或 在線咨詢(xún)
所在位置： 首頁(yè) > 營(yíng)銷(xiāo)資訊 > 網(wǎng)站運(yùn)營(yíng) > 網(wǎng)站源代碼

網(wǎng)站源代碼

時(shí)間：2023-05-31 14:36:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-05-31 14:36:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

網(wǎng)站源代碼：目前更新于12月2日，可能有更新延遲

首先看一下網(wǎng)頁(yè)的文件架構(gòu)（只有一層文件夾）

就這些

更多見(jiàn)我的這篇文章：

網(wǎng)頁(yè)源碼：

聲明：請(qǐng)勿惡意搬運(yùn)代碼，禁止盜版！違者將追究法律責(zé)任！禁止盜版！

允許部分摘取引用（注意別漏了，不然效果差太多了，怕漏了最好把整個(gè)網(wǎng)頁(yè)復(fù)制出來(lái)再刪除不需要的）。




index.html

<html><head><meta charset="utf-8"><title>首頁(yè)-HT</title> <style> .button { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 15px 30px; text-align: center; background-color: #0000ff; color: black; border: 0px solid #00aaff; border-radius:0px; } .button:hover { background-color: #000032; color: white; } .topbutton { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; } .topbutton:hover { background-color: #32324b; color: white; } .hiddentxt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; background-color: #7272c8; color: #7272c8; border: 0px solid #000000; border-radius:0px; } .hiddentxt:hover { background-color: #e1e1ff; color: #000000; } .txt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; } .txt:hover { background-color: #e1e1ff; color: #000000; }*{ padding: 0; margin: 0;}body{ padding: 0px; background-color:#000000 ;}.demo{ padding: 0px; background-color:#000000; opacity: 0.6;}</style></head><body><div class="demo"> <style type="text/css"> body{ background: url("bg.png") no-repeat center center fixed; /*兼容*/ -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <div id="top"> <div style="width:100%;"> <div id="header" style="background-color:#000000;text-align:center;"> <a class="topbutton" href="test.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">HT</font></a> <a class="topbutton" href="about.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">關(guān)于</font></a> <a class="topbutton" href="test.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">版本</font></a> <a class="topbutton" href="test.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">設(shè)置</font></a> <a class="topbutton" href="test.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">其它</font></a> </div> </div> <div id="menu" style="background-color:#646496;height:500px;float:left;"> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> </div> <div id="menu" style="background-color:#646496;height:500px;float:right;"> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> </div> <div id="container" style="background-color:#ffffff;width:100%;height:500px;float:center;"> <h2 style="margin-bottom:0;text-align:center;background-color:#00ffff;"><font color="#00007f" size="6">黑T客の奇葩小站</font></h2> <hr color="#0000FF"> <p class="txt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">最近閑得無(wú)聊</font></p> <p class="hiddentxt" style="margin-bottom:0;text-align:center;"><font size="4">（個(gè)屁，怎么可能）</font></p> <p class="txt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">想建個(gè)屬于自己的網(wǎng)站</font></p> <p class="txt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">看看標(biāo)題欄？或者邊欄？往下滑？</font></p> <p class="txt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">慢慢逛吧，寫(xiě)了幾個(gè)月的站</font></p> <p class="txt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">以后會(huì)不定期增加新功能（只要我能想到）</font></p> </div> <div id="container" style="background-color:#00ff00;width:100%;height:200px;float:center;"> <b>菜單1</b> <p>內(nèi)容</p> </div> <div id="container" style="background-color:#c8c800;width:100%;height:200px;float:center;"> <b>菜單2</b> <p>內(nèi)容</p> </div> <div id="container" style="background-color:#ff0000;width:100%;height:200px;float:center;"> <b>菜單3</b> <p>內(nèi)容</p> </div> <div id="container" style="background-color:#00aaff;width:100%;height:200px;float:center;"> <b>菜單4</b> <p>內(nèi)容</p> </div> <center> <div id="container" style="width:100%;background-color:#000064;"> <p style="margin-bottom:0;text-align:center;"><font color="white" size="2">HT Webpage | Made by HT</font></p></div> </center></div> </html>純手搓的！

PS.個(gè)人喜歡把css內(nèi)置在html里面

introduce.html：

<html><head><meta charset="utf-8"><title>關(guān)于-HT</title><style> .button { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 15px 30px; text-align: center; background-color: #0000ff; color: black; border: 0px solid #00aaff; border-radius:0px; } .button:hover { background-color: #000032; color: white; } .topbutton { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; } .topbutton:hover { background-color: #32324b; color: white; } .hiddentxt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; background-color: #7272c8; color: #7272ff; border: 0px solid #000000; border-radius:0px; } .hiddentxt:hover { background-color: #e1e1ff; color: #000000; } .txt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; } .txt:hover { background-color: #e1e1ff; color: #000000; } .bigtxt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; background-color: #c8c8ff; color: #000000; } .bigtxt:hover { background-color: #c8c8e1; color: #000000; }*{ padding: 0; margin: 0;}body{ padding: 0px; background-color:#000000 ;}.demo{ padding: 0px; background-color:#000000; opacity: 0.6;}</style></head><body> <div class="demo"> <style type="text/css"> body{ background: url("bg.png") no-repeat center center fixed; /*兼容*/ -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <div id="top"> <div style="width:100%;"> <div id="header" style="background-color:#000000;text-align:center;"> <a class="topbutton" href="introduce.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">HT</font></a> <a class="topbutton" href="index.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">首頁(yè)</font></a> <a class="topbutton" href="test.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">版本</font></a> <a class="topbutton" href="test.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">設(shè)置</font></a> <a class="topbutton" href="test.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">其它</font></a> </div> </div> <div id="menu" style="background-color:#646496;height:500px;float:left;"> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> </div> <div id="menu" style="background-color:#646496;height:500px;float:right;"> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> </div> <div id="container" style="background-color:#ffffff;width:100%;height:500px;float:center;"> <h2 style="margin-bottom:0;text-align:center;background-color:#00ffff;"><font color="#00007f" size="6">關(guān)于作者?。?！</font></h2> <hr color="#0000FF"> <p class="hiddentxt" style="margin-bottom:0;text-align:center;"><font size="4">額，你為什么會(huì)來(lái)這里？<br>現(xiàn)在回去還來(lái)得及【doge】</font></p> <h2 class="bigtxt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">HT是什么？</font></h2> <p class="txt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">HT是Hacker_T的縮寫(xiě)<br>至于為什么中文網(wǎng)名（黑T客）把T放在中間...<br>因?yàn)轫樠垌樁€全網(wǎng)唯一【狗頭保命】</font></p> <h2 class="bigtxt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">介紹？</font></h2> <p class="txt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">猝不及防...<br>好像沒(méi)什么介紹的<br>不過(guò)倒有一點(diǎn)：我的電腦水平不是一般人能比的【狗頭保命】</font></p> </div> <div id="container" style="background-color:#00ff00;width:100%;height:200px;float:center;"> <b>菜單1</b> <p>內(nèi)容</p> </div> <div id="container" style="background-color:#c8c800;width:100%;height:200px;float:center;"> <b>菜單2</b> <p>內(nèi)容</p> </div> <div id="container" style="background-color:#ff0000;width:100%;height:200px;float:center;"> <b>菜單3</b> <p>內(nèi)容</p> </div> <div id="container" style="background-color:#00aaff;width:100%;height:200px;float:center;"> <b>菜單4</b> <p>內(nèi)容</p> </div> <center> <div id="container" style="width:100%;background-color:#000064;"> <p style="margin-bottom:0;text-align:center;"><font color="white" size="2">HT Webpage | Made by HT</font></p></div> </center></div> </html>

about.html

<html><head><meta charset="utf-8"><title>關(guān)于-HT</title> <style> .button { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 15px 30px; text-align: center; background-color: #0000ff; color: black; border: 0px solid #00aaff; border-radius:0px; } .button:hover { background-color: #000032; color: white; } .topbutton { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; } .topbutton:hover { background-color: #32324b; color: white; } .hiddentxt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; background-color: #7272c8; color: #7272c8; border: 0px solid #000000; border-radius:0px; } .hiddentxt:hover { background-color: #e1e1ff; color: #000000; } .txt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; } .txt:hover { background-color: #e1e1ff; color: #000000; }*{ padding: 0; margin: 0;}body{ padding: 0px; background-color:#000000 ;}.demo{ padding: 0px; background-color:#000000; opacity: 0.6;}</style></head><body> <div class="demo"> <style type="text/css"> body{ background: url("bg.png") no-repeat center center fixed; /*兼容*/ -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <div id="top"> <div style="width:100%;"> <div id="header" style="background-color:#000000;text-align:center;"> <a class="topbutton" href="introduce.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">HT</font></a> <a class="topbutton" href="index.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">首頁(yè)</font></a> <a class="topbutton" href="test.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">版本</font></a> <a class="topbutton" href="test.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">設(shè)置</font></a> <a class="topbutton" href="test.html"style="width:150px;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"><font color="white" size="5">其它</font></a> </div> </div> <div id="menu" style="background-color:#646496;height:500px;float:left;"> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> </div> <div id="menu" style="background-color:#646496;height:500px;float:right;"> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> <form action="test.html" method="get"><button class="button"><font color="#aaffff" size="5">按鈕</font></button></form><hr /> </div> <div id="container" style="background-color:#ffffff;width:100%;height:500px;float:center;"> <h2 style="margin-bottom:0;text-align:center;background-color:#00ffff;"><font color="#00007f" size="6">關(guān)于本站?。?！</font></h2> <hr color="#0000FF"> <p class="txt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">當(dāng)前版本：HT Webpage 6.0 Build 6001</font></p> <p class="hiddentxt" style="margin-bottom:0;text-align:center;"><font size="4">你想知道為什么是6.0嗎？以前的版本太丑，被我刪了。</font></p> <p class="txt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">感謝</font><font color="#A1A1C1" size="4">亂敲代碼Pro</font><font color="#000000" size="4">協(xié)助開(kāi)發(fā)</font></p> <p class="txt" style="margin-bottom:0;text-align:center;"><font color="#000000" size="4">（未完成）</font></p> </div> <div id="container" style="background-color:#00ff00;width:100%;height:200px;float:center;"> <b>菜單1</b> <p>內(nèi)容</p> </div> <div id="container" style="background-color:#c8c800;width:100%;height:200px;float:center;"> <b>菜單2</b> <p>內(nèi)容</p> </div> <div id="container" style="background-color:#ff0000;width:100%;height:200px;float:center;"> <b>菜單3</b> <p>內(nèi)容</p> </div> <div id="container" style="background-color:#00aaff;width:100%;height:200px;float:center;"> <b>菜單4</b> <p>內(nèi)容</p> </div> <center> <div id="container" style="width:100%;background-color:#000064;"> <p style="margin-bottom:0;text-align:center;"><font color="white" size="2">HT Webpage | Made by HT</font></p></div> </center></div> </html>由于代碼未完成，現(xiàn)保留了大量后期可能會(huì)刪除的保留性代碼。

如果此代碼在某些瀏覽器上有運(yùn)行問(wèn)題，請(qǐng)告訴我。

如果對(duì)內(nèi)容有任何建議，請(qǐng)?jiān)谠u(píng)論區(qū)留言。


下期再見(jiàn)！


歡迎在評(píng)論區(qū)討論！







關(guān)鍵詞：

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉