自己的第一個HTML5網頁

模仿着别人，一步步地做好了自己的第一個網頁，雖說是很多事照着敲的，也算是一種鍛煉把，接下來也繼續加強HTML技術 CSS技術和Javascrip技術，然後開始Javaweb開發，朝着全棧工程師發展，加油！

第一個網站的代碼（第一次做，很多東西都沒做好，沒有規範化自己的代碼，CSS中标簽元素的順序，結構，已經代碼縮進上，因為精力都花在如何實作上了，沒有太刻意規範化和可讀性這一塊，還有就是注釋，接下來得好好改正過來） HTML代碼： <!doctype html>

<html >

<head>

<title>Document</title>

</head> <body>

</ul>

</div>

</div>

<h2>電子商務類網站建設</h2>

<ul>

</ul>

</div>

<h2>電子商務類網站建設</h2>

<ul>

</ul></div>

<h2>電子商務類網站建設</h2>

<ul>

</ul></div>

<h2>電子商務類網站建設</h2>

<ul>

</ul></div>

</div>

</div>

</ul>

</div>

</div>

<ul>

</div>

</body>

</html>

CSS代碼：

#container{

margin:0 auto;

width:1002px;

}

#header{

width:1002px;

height:128px;

background:gray url(./images/top_bg.jpg)

}

#nav li {

float:left;

width:90px;

font-size:16px;

margin-right:1px;

}

#nav a{

color:#363636;

font-size:16px;

font-family:'微軟雅黑';

display:block;

width:90px;

height:37px;

text-align:center;b

}

#nav a:hover{

background:#EEE url(./images/nav_on.gif);

}

#nav a:visited{

color:gray;

}

#banner{

margin:5px 0px 5px 0px;

}

#main{

}

#lside{

height:480px;

width:694px;

border:1px solid #EEE;

float:left;

border-top:none;

border-radius:40px;

}

#rside{

width:294px;

float:right;

}

#clr{

clear:both;

}

.subtitle{

height:37px;

background:gray url(./images/index_main_top_bg.gif) ;

}

.con{

background:#EEE;

height:200px;

width:330px;

float:left;

margin:10px 5px 10px 10px;

}

.subtitle img{

float:left;

margin:5px;

}

.subtitle h1{

float:left;

font-size:16px;

font-family:'Microsoft Yahei', SimHei,sans-serif;

color:#363636;

}

.subtitle a{

float:right;

font-size:12px;

color:gray;

}

.con img{

float:left;

margin-left:10px;

padding:6px;

background:white;

}

.con ul{

float:left;

margin-left:10px;

}

.con h2{

font-size:16px;

font-family:'Microsoft Yahei', SimHei,sans-serif;

margin:6px 0px 6px 0px;

}

.con li{

font-size:13px;

background:url(./images/service_intro_bg.gif) no-repeat;

margin:4px 0px 0px 4px;

padding-left:10px;

}

.con a{

color:gray;

}

.con a.hover{

color:white;

background:url(./images/nav_on.gif);

} #art{

margin-top:1px;

background:#EEE;

padding-top:10px;

}

#art li{

color:#EEE;

}

#art a{

font-size:12px;

background:url(./images/article_head.gif) no-repeat;

height:29px;

display:block;

padding:0 0 0 30px;

}

#art a:hover{

background:url(./images/article_on_bg.gif);

}

#contact{

height:249px;

background:#EEE;

margin-top:1px;

} #footer{

margin-top:15px;

height:120px;

}

#footer li{

float:left;

margin-right:30px;

margin-top:15px;

}

#footer ul{

height:40px;

background:#EEE;

}

#footer address{

font-size:12px;

font-family:'微軟雅黑'，sans-serif;

}

自己的第一個HTML5網頁

繼續閱讀

【web素材】01-10款大氣的購物商城網站模闆

蚪俠-遠端泛目錄[泛域名+泛目錄+泛内頁]-[代碼+漢字]幹擾-字型繁簡切換-蜘蛛欺騙-主動推送_鏡像版-V25版

vue相同路由跳轉強制重新整理該路由元件操作

前端擷取不到後端傳回自定義頭資訊，怎麼解決擷取不到跨域請求的response headers呢

magin 負值

CSS顔色搭配（超級贊的幾個網站）ColorSpaceWebGradientsGRADIENT BUTTONSUigradientsCoolHue 2.0EggradientsGradientaMesh GradientCool BackgroundDuotones

HTML CSS 的滑鼠懸浮，點選的樣式當滑鼠懸浮時：a:hover當滑鼠點選連結時：a:active

推薦一些有用的網站一鍵分享制作網站小圖示插件網站seo 相關的網站地圖 api二維碼相關

H5測試點

LoadRunner Java Vuser License設定問題

用 Canvas 編織璀璨星空圖

HTML5Canvas 酷炫效果

龍珠訓練營task04

jQuery練習一. 選擇器練習二. DOM操作練習三. 事件練習

layui多任務上傳添加進度條