一個(gè)網(wǎng)頁(yè)的架構(gòu)：聲明，頭部，主體，結(jié)束

舉個(gè)例子，大家就懂啦（這里我只寫(xiě)了body中的內(nèi)容，其他的內(nèi)容大家自己補(bǔ)充）：

詳解：

萬(wàn)事沒(méi)有絕對(duì)，我說(shuō)的是個(gè)主流

事兒二：

下面針對(duì)每一塊我將細(xì)細(xì)為大家講解，通過(guò)這種方式來(lái)講解html主流標(biāo)簽的應(yīng)用。Ok，begin！Right now！

首先：header部分

我們可以把他分為3個(gè)部分：

banner：

logo：（logo就是一個(gè)網(wǎng)站或公司的標(biāo)識(shí)）

nav（導(dǎo)航條）：

聲明：這里我首先只講html，至于樣式（css）我將會(huì)在以后的教程中詳細(xì)講解；好吧，html開(kāi)始寫(xiě)了，還等什么？

So easy !

講解標(biāo)簽之前，我先講一下他們的幾個(gè)常用的共有屬性：

1.       id：就是一個(gè)標(biāo)簽的名字，在一張頁(yè)面中id不允許重復(fù)，體現(xiàn)了唯一性，特有性，如果一張頁(yè)面就是一個(gè)家族，當(dāng)然我指的是傳統(tǒng)的中國(guó)家族，不要較真哦，那么每一個(gè)標(biāo)簽就是一個(gè)家庭成員，id就是該成員的名字，當(dāng)然一個(gè)家族的成員名字還是不要重復(fù)的好，是吧？

2.       class：當(dāng)然一個(gè)大家族有若干個(gè)家庭組成，如果只用id區(qū)分那么時(shí)就有些繁瑣了，比如說(shuō)某某家的人應(yīng)該怎么樣時(shí)，那么這一類(lèi)人我們?cè)趺磥?lái)劃分呢？class就是為這個(gè)而生的，哈哈。class指一個(gè)標(biāo)簽所屬的類(lèi)別，就像是說(shuō)這個(gè)人是哪家的一樣，當(dāng)然一張頁(yè)面我們可以無(wú)限的重復(fù)使用了（這里就不考慮計(jì)劃生育啦）。

3.       title：這個(gè)含義很簡(jiǎn)單，就是當(dāng)鼠標(biāo)放在該標(biāo)簽身上的時(shí)候所給的提示。不信你把鼠標(biāo)放在注冊(cè)兩個(gè)子上面試試。。。

標(biāo)簽1：div

使用指數(shù)：*****

功能：主要用來(lái)布局，估計(jì)通過(guò)事一大家應(yīng)該有所了解了

類(lèi)型：塊級(jí)元素

常用屬性：id，class ，title

標(biāo)簽2：span

使用指數(shù)：***

功能：主要用來(lái)提取一小段文本來(lái)設(shè)置特別的樣式

類(lèi)型：內(nèi)聯(lián)元素

常用屬性：id，class，title

標(biāo)簽3：a

使用指數(shù)：****

功能：主要用來(lái)表示一個(gè)鏈接

類(lèi)型：內(nèi)聯(lián)元素

常用屬性：id，class，title

特別屬性：1.href:指的是該鏈接指向的url（鏈接地址）

例如下面的代碼，點(diǎn)擊學(xué)生在線四個(gè)字就會(huì)鏈接到學(xué)生在線首頁(yè)了，試試看哦！

 　　　　  2.target: 常用值：_blank,_self(默認(rèn)值)

注意：書(shū)寫(xiě)html標(biāo)簽的時(shí)候一定要有規(guī)范：

1.       有開(kāi)始就有結(jié)束:<div>XXX</div>,除了個(gè)別沒(méi)有結(jié)束標(biāo)志的:<img  />…

2.       塊級(jí)元素不能被內(nèi)聯(lián)元素包裹：<span><div>這是可笑的寫(xiě)法！</div></span>

最新評(píng)論