自己寫的web標準教程，幫你走進web標準設計的世界——第一講
聲明：本教程源于本人學習的一些經驗的總結，希望大家幫忙完善與指正，也希望會給初學者帶來方便，希望大家不要隨便轉載，寫的不是很好，還不完善，不過轉載時要注明作者和出處，附加原文的鏈接地址，謝謝了。
一個網頁的架構：聲明，頭部，主體，結束
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 //聲明的一些規范，初學者不必去理會，該部分會自動生成
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 /**
7 *http-equiv="Content-Type" 表示描述文檔類型
8 *content="text/HTML; 文檔類型mime類型，這里為html,如果JS就是*text/javascript，
9 *charset=utf-8 頁面字符集，編碼，eg:gb2312,iso-8859-1,utf-8
10 *建議統一采用utf-8
11 */
12 <title>無標題文檔</title>
13 //一個網頁的標題
14 </head>
15
16 <body>
17 </body>
18 </html>
19
我要主要講解的是主體部分，在這過程成中會對其他部分有一定的講解和延伸。
在講body之前，我先講一下html標簽的大體分類。主要是為接下來講解網頁的基本結構做鋪墊。
html標簽大體分為：塊級元素和內聯元素，那么何為塊級元素何為內聯元素呢？
塊級元素：直白的說就是一塊區域，獨立占用一行空間的元素，如：div，p。
內聯元素：與塊級元素不同，就是不能占據一行空間的元素，如a，span。
我說的可能不是很專業，目的只是初學者便于理解。
舉個例子，大家就懂啦（這里我只寫了body中的內容，其他的內容大家自己補充）：
2 <div>我是塊級元素，我獨占一塊空間</div>
3 <div>我是塊級元素，我獨占一塊空間</div>
4 <span>我是內聯元素元素，我不獨占一塊空間</span>*****
5 <span>我是內聯元素元素，我不獨占一塊空間</span>
6 </body>
運行結果：
相信到這里大家對塊級元素和內聯元素也已經有了一定了解，那么接下來我將細致的講解body中的那些事，哈哈！
事1：body是怎么個架子？
插播廣告：div是html的一個標簽，每個標簽都有自己的一些屬性，例如
,其中id和class就是對應的div元素的屬性，具體含義以后講解。
我以學生在線首頁http://online.cumt.edu.cn/為例對事一進行講解。
body的架子：
整理：
2 <div id="page">
3 //我是最外層！包裹這整個網頁的皮，也有人給我起名字為wrapper
4
5 <div id="header">
6 //我是頭部！
7
8 </div>
9
10 <div id="content">
11 //我是內容！
12
13 </div>
14
15 <div id="footer">
16 //我是尾部！
17
18 </div>
19
20 </div>
21 </body>
詳解：
2 <div id="page">
3 //我是最外層！包裹這整個網頁的皮，也有人給我起名字為wrapper
2 //我是頭部！
2
3 <div id="content">
4 //我是內容！
2
3 <div id="footer">
4 //我是尾部！
3 </div>
萬事沒有絕對，我說的是個主流
事兒二：
下面針對每一塊我將細細為大家講解，通過這種方式來講解html主流標簽的應用。Ok，begin！Right now！
首先：header部分
我們可以把他分為3個部分：
banner：
logo：
（logo就是一個網站或公司的標識）
nav（導航條）：
聲明：這里我首先只講html，至于樣式（css）我將會在以后的教程中詳細講解；好吧，html開始寫了，還等什么？
2 <span>你還沒有登錄，請登錄</span>登陸</a><a href="#">注冊</a>
3 </div>
So easy !
講解標簽之前，我先講一下他們的幾個常用的共有屬性：
1. id：就是一個標簽的名字，在一張頁面中id不允許重復，體現了唯一性，特有性，如果一張頁面就是一個家族，當然我指的是傳統的中國家族，不要較真哦，那么每一個標簽就是一個家庭成員，id就是該成員的名字，當然一個家族的成員名字還是不要重復的好，是吧？
2. class：當然一個大家族有若干個家庭組成，如果只用id區分那么時就有些繁瑣了，比如說某某家的人應該怎么樣時，那么這一類人我們怎么來劃分呢？class就是為這個而生的，哈哈。class指一個標簽所屬的類別，就像是說這個人是哪家的一樣，當然一張頁面我們可以無限的重復使用了（這里就不考慮計劃生育啦）。
3.title：這個含義很簡單，就是當鼠標放在該標簽身上的時候所給的提示。不信你把鼠標放在注冊兩個子上面試試。。。
標簽1：div
使用指數：*****
功能：主要用來布局，估計通過事一大家應該有所了解了
類型：塊級元素
常用屬性：id，class ，title
標簽2：span
使用指數：***
功能：主要用來提取一小段文本來設置特別的樣式
類型：內聯元素
常用屬性：id，class，title
標簽3：a
使用指數：****
功能：主要用來表示一個鏈接
類型：內聯元素
常用屬性：id，class，title
特別屬性：1.href:指的是該鏈接指向的url（鏈接地址）
例如下面的代碼，點擊學生在線四個字就會鏈接到學生在線首頁了，試試看哦！
2.target: 常用值：_blank,_self(默認值)
注意：書寫html標簽的時候一定要有規范：
1. 有開始就有結束:
2.塊級元素不能被內聯元素包裹：
留言列表
