主頁(yè) > 知識(shí)庫(kù) > HTML教程:無(wú)序列表

HTML教程:無(wú)序列表

熱門(mén)標(biāo)簽:網(wǎng)站建設(shè) 硅谷的囚徒呼叫中心 檢查注冊(cè)表項(xiàng) 阿里云 智能手機(jī) 美圖手機(jī) 百度競(jìng)價(jià)點(diǎn)擊價(jià)格的計(jì)算公式 使用U盤(pán)裝系統(tǒng)

原文:http://andymao.com/andy/post/102.html
段落已經(jīng)講完了,那么一些基本的應(yīng)用方式也講了一些,那么是否已經(jīng)應(yīng)用了呢?當(dāng)然應(yīng)用可以更為豐富,那么這些就需要自己在實(shí)際工作中不斷的摸索與思考,然后創(chuàng)新并總結(jié)得出新的應(yīng)用形式。當(dāng)然了段落不能當(dāng)作萬(wàn)用膏藥一樣倒處使用,不過(guò)相信大家也都知道現(xiàn)在“DIV”這個(gè)標(biāo)簽的作用已經(jīng)被擴(kuò)大化了(POPO曾有一篇文章《<DIV>不是萬(wàn)能膏藥》),更已經(jīng)被一些人拿來(lái)與CSS一并說(shuō)事。這里呢還是要重新強(qiáng)調(diào)一次:DIV只不過(guò)是HTML中的一個(gè)無(wú)語(yǔ)意標(biāo)簽,他可以用來(lái)布局或是作為無(wú)語(yǔ)意部分的處理,而CSS則是一種樣式語(yǔ)言。名不正則言不順,我這里不是古板,而是這種說(shuō)法會(huì)讓大家對(duì)于標(biāo)準(zhǔn)的理解會(huì)產(chǎn)生偏頗?;镜牡燃?jí)都弄不清楚,把標(biāo)簽功能無(wú)限放大,這些都不是一個(gè)正確的學(xué)習(xí)態(tài)度。我這里細(xì)細(xì)講解各種標(biāo)簽以及用途其中一點(diǎn)也是希望大家正確理解WEB標(biāo)準(zhǔn)的意義。正確的說(shuō)法應(yīng)該是“xHTML CSS”或是“WEB標(biāo)準(zhǔn)”簡(jiǎn)稱(chēng)為“標(biāo)準(zhǔn)”也可以。今天不是為發(fā)牢騷的,還是講今天的主題《無(wú)序列表》
列表,相信大家都已經(jīng)用過(guò)了,Word里也有,很多文檔編輯里也都有。而在HTML中的列表則有三種類(lèi)型:無(wú)序列表、有序列表、定義列表。飯要一口口的吃,事要一件件的做,今天只講無(wú)序列表,并且今天所講的列表不會(huì)涉及到CSS的美化工作。說(shuō)到這里大家應(yīng)該也明白了,我的講解都是分開(kāi)來(lái)的,并不以樣式美化為主,這也是要告訴大家標(biāo)簽代碼非常重要。那么我們首先就要來(lái)理解列表。我們?nèi)粘I罟ぷ鞫际乾嵥槎鴽](méi)有條理的,而要想得到一個(gè)高效的友好的信息互通那么就要梳理信息,做好歸類(lèi)。這樣才能有效傳達(dá)信息。用列表把同類(lèi)的內(nèi)容進(jìn)行簡(jiǎn)單的歸納,我認(rèn)為這是列表的一個(gè)基本作用。常見(jiàn)的用途有:圖書(shū)目錄、飯店菜單、人員名單、待辦事宜等等。而這些信息大多不是大篇的信息內(nèi)容,而是簡(jiǎn)要的標(biāo)題。當(dāng)然列表的用途不是說(shuō)只能是歸納標(biāo)題信息,列表并沒(méi)有去限制內(nèi)容的多少。只是我們常用列表去歸納的多是些標(biāo)題信息罷了。
那么我們又如何去理解無(wú)序列表呢?無(wú)序的對(duì)應(yīng)就是有序,從字面上去理解就很容易,有序就是說(shuō)他本身就標(biāo)明了前后順序的,這是嚴(yán)格的,并且這些信息本身就有著順序特性。比如我們寫(xiě)操作步驟那就就需要明確第一步第二步,這樣的信息必然是有序的,而無(wú)序呢?也就是說(shuō)其本身就是無(wú)序的沒(méi)有任何順序可言。這里要舉個(gè)實(shí)例讓大家思考一下:政府部門(mén)的領(lǐng)導(dǎo)名單前后順序是他們最頭疼的事,雖然他們有時(shí)會(huì)寫(xiě)著排名不分先后,但是實(shí)際上依然是有排名的,那么這里我想提出問(wèn)題:這樣的名單應(yīng)用有序列表還是用無(wú)序列表呢?當(dāng)然這個(gè)沒(méi)有標(biāo)準(zhǔn)答案,各人都有各人的思考方式,那么你是怎么想的?不妨在評(píng)論上留下你的想法。這里我就不說(shuō)我是怎么想的,希望大家能多動(dòng)動(dòng)腦筋,多思考。
列表的標(biāo)簽形式是:
<ul>
<li>這就是列表的內(nèi)容了</li>
<li>這就是列表的內(nèi)容了</li>
<li>這就是列表的內(nèi)容了</li>
<li>這就是列表的內(nèi)容了</li>
</ul>

這里我們要注意到,列表有兩個(gè)部分,一個(gè)是最外面的一個(gè)標(biāo)簽<ul></ul>,一個(gè)是里面的內(nèi)容<li></li>。我們可以這樣去理解,<li></li>是一個(gè)個(gè)標(biāo)準(zhǔn)化的小盒子,他們主要存放著列表信息,而<ul></ul>則是個(gè)大箱子,他的作用就是存放小盒子。這些一個(gè)個(gè)的小盒子只有放在大箱子里他們才不會(huì)弄丟了。整齊而有利于運(yùn)輸(移植)、存放(定位)。那么列表與段落一樣可以有很多屬性在其中,比如,我們可以為<ul></ul>設(shè)置一個(gè)id或是class或是title等屬性,其特點(diǎn)功用與段落中的一樣。而<li></li>也可以有這些屬性,但是一般情況下來(lái)說(shuō)列表即然是同類(lèi)的一般也不作特殊化處理。
那么無(wú)序列表基本上也就算是講完了,其實(shí)這篇最重要的內(nèi)空就是什么樣的信息應(yīng)該用無(wú)序列表,而這些則需要在實(shí)際應(yīng)用的時(shí)候多分析多思考。那么對(duì)于還沒(méi)使用列表標(biāo)簽的朋友,開(kāi)始使用列表標(biāo)簽,放棄用DIV代替列表標(biāo)簽的做法?;蚴怯帽砀駚?lái)表現(xiàn)列表的朋友也可以試著改變一下。從現(xiàn)在開(kāi)始使用無(wú)序列表標(biāo)簽。當(dāng)然如果你已經(jīng)用了發(fā)現(xiàn)這樣還不能滿足你,那就等后面講解如何用樣式去開(kāi)發(fā)出列表的潛力吧。今天講的內(nèi)容雖然比較簡(jiǎn)單,但是還是希望來(lái)讀本篇文章的朋友可以思考一下上面我提出的問(wèn)題。

標(biāo)簽:煙臺(tái) 賀州 通遼 山南 懷化 湘潭 湖北 黃山

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML教程:無(wú)序列表》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢(xún)

    • 400-1100-266