html5結(jié)構(gòu):
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:空間域名、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、天山網(wǎng)站維護、網(wǎng)站推廣。
!DOCTYPE html
html
head
meta charset="UTF-8"
titleTitle/title
/head
body
/body
/html
輸出html5網(wǎng)頁源碼 你直接f12 或者 鼠標(biāo)右擊 查看網(wǎng)頁源代碼
可以,在瀏覽器中,如果沒有特別設(shè)置快捷鍵的話,按F12就可以看到源代碼,當(dāng)然右擊然后選擇審查元素也是可以的。
html xmlns=""
head runat="server"
title/title
style type="text/css"
.divHead
{
background-color: #202020;
height: 40px;
width: 100%;
position: absolute;
overflow: hidden;
}
.ul {
color: white;
list-style: none;
height: 100%;
margin-left: 170px;
width: 40%;
float: left;
}
.ul1 {
color: white;
list-style: none;
height: 100%;
margin-left: 200px;
width: 20%;
float: left;
}
.ulli {
float: left;
padding-left: 10px;
padding-right: 10px;
display: block;
height: 100%;
margin-top: -16px;
padding-top: 10px;
}
.ulli:hover {
background-color: black;
}
.ul1li {
float: left;
padding-left: 10px;
padding-right: 10px;
display: block;
height: 100%;
margin-top: -16px;
padding-top: 10px;
}
.ullia
{
color: white;
text-decoration: none;
}
.ul1lia
{
color: white;
text-decoration: none;
}
.ul1li:hover {
background-color: black;
}
/style
/head
body
form id="form1" runat="server" style="overflow: hidden"
div id="divHead" class="divHead"
ul class="ul"
li
a href="#"Note/a
/li
li
a href="#"首頁/a
/li
li
a href="#"筆記/a
/li
li
a href="#"網(wǎng)站推薦/a
/li
/ul
ul class="ul1"
li
a href="#"登錄/a
/li
li
a href="#"退出/a
/li
/ul
/div
div id="divMain" style="height: 550px; width: 100%"
div style="height: 60%;background-color: #B89460;width: 100%"
div style="width: 10%;float: left"
/div
div style="width: 80%;float: left"
/div
div style="width: 10%;float: left"
/div
/div
div style="height: 40%;background-color: white;width: 100%"
div style="width: 80%;height: 100%;margin-left: 10%"
div style="width: 33%;height: 100%;float: left;text-align: center"
p style="font-size: 30px;font-weight: bold;"
前端技術(shù)br/a style="font-size: 17px;font-weight: normal"
hahahahhahhhahhah
/a
/p
input type="button" value="查看詳情" /
/div
div style="width: 33%;height: 100%;float: left;text-align: center"
p style="font-size: 30px;font-weight: bold;"
前端技術(shù)br/a style="font-size: 17px;font-weight: normal"
hahahahhahhhahhah
/a
/p
input type="button" value="查看詳情" /
/div
div style="width: 33%;height: 100%;float: left;text-align: center"
p style="font-size: 30px;font-weight: bold;"
前端技術(shù)br/a style="font-size: 17px;font-weight: normal"
hahahahhahhhahhah
/a
/p
input type="button" value="查看詳情" /
/div
/div
/div
/div
div id="divFoot" style="background-color: #202020; height: 30px; width: 100%; text-align: center;
padding-top: 10px; color: white; font-size: 14px;"
@版權(quán)所有:大華明智軟件
/div
/form
/body
/html
建議自己百度上面找一些html5商城的源碼過來修改這樣子比較好一些。
免費的源碼太多 淘寶上賣的一般也是下載別人的免費源碼來賣 至于要怎么改看你需要 如果只是改改關(guān)鍵字的什么的,可以用系統(tǒng)自帶的記事本修改各個頁面的關(guān)鍵字