HTML教程:無序列表
來源:易賢網(wǎng) 閱讀:1024 次 日期:2016-07-04 11:42:48
溫馨提示:易賢網(wǎng)小編為您整理了“HTML教程:無序列表”,方便廣大網(wǎng)友查閱!

段落已經(jīng)講完了,那么一些基本的應(yīng)用方式也講了一些,那么是否已經(jīng)應(yīng)用了呢?當然應(yīng)用可以更為豐富,那么這些就需要自己在實際工作中不斷的摸索與思考,然后創(chuàng)新并總結(jié)得出新的應(yīng)用形式。當然了段落不能當作萬用膏藥一樣倒處使用,不過相信大家也都知道現(xiàn)在“DIV”這個標簽的作用已經(jīng)被擴大化了(POPO曾有一篇文章《<DIV>不是萬能膏藥》),更已經(jīng)被一些人拿來與CSS一并說事。這里呢還是要重新強調(diào)一次:DIV只不過是HTML中的一個無語意標簽,他可以用來布局或是作為無語意部分的處理,而CSS則是一種樣式語言。名不正則言不順,我這里不是古板,而是這種說法會讓大家對于標準的理解會產(chǎn)生偏頗。基本的等級都弄不清楚,把標簽功能無限放大,這些都不是一個正確的學習態(tài)度。我這里細細講解各種標簽以及用途其中一點也是希望大家正確理解WEB標準的意義。正確的說法應(yīng)該是“xHTML CSS”或是“WEB標準”簡稱為“標準”也可以。今天不是為發(fā)牢騷的,還是講今天的主題《無序列表》

列表,相信大家都已經(jīng)用過了,Word里也有,很多文檔編輯里也都有。而在HTML中的列表則有三種類型:無序列表、有序列表、定義列表。飯要一口口的吃,事要一件件的做,今天只講無序列表,并且今天所講的列表不會涉及到CSS的美化工作。說到這里大家應(yīng)該也明白了,我的講解都是分開來的,并不以樣式美化為主,這也是要告訴大家標簽代碼非常重要。那么我們首先就要來理解列表。我們?nèi)粘I罟ぷ鞫际乾嵥槎鴽]有條理的,而要想得到一個高效的友好的信息互通那么就要梳理信息,做好歸類。這樣才能有效傳達信息。用列表把同類的內(nèi)容進行簡單的歸納,我認為這是列表的一個基本作用。常見的用途有:圖書目錄、飯店菜單、人員名單、待辦事宜等等。而這些信息大多不是大篇的信息內(nèi)容,而是簡要的標題。當然列表的用途不是說只能是歸納標題信息,列表并沒有去限制內(nèi)容的多少。只是我們常用列表去歸納的多是些標題信息罷了。

那么我們又如何去理解無序列表呢?無序的對應(yīng)就是有序,從字面上去理解就很容易,有序就是說他本身就標明了前后順序的,這是嚴格的,并且這些信息本身就有著順序特性。比如我們寫操作步驟那就就需要明確第一步第二步,這樣的信息必然是有序的,而無序呢?也就是說其本身就是無序的沒有任何順序可言。這里要舉個實例讓大家思考一下:政府部門的領(lǐng)導名單前后順序是他們最頭疼的事,雖然他們有時會寫著排名不分先后,但是實際上依然是有排名的,那么這里我想提出問題:這樣的名單應(yīng)用有序列表還是用無序列表呢?當然這個沒有標準答案,各人都有各人的思考方式,那么你是怎么想的?不妨在評論上留下你的想法。這里我就不說我是怎么想的,希望大家能多動動腦筋,多思考。

列表的標簽形式是:

<ul>

<li>這就是列表的內(nèi)容了</li>

<li>這就是列表的內(nèi)容了</li>

<li>這就是列表的內(nèi)容了</li>

<li>這就是列表的內(nèi)容了</li>

</ul>

這里我們要注意到,列表有兩個部分,一個是最外面的一個標簽<ul></ul>,一個是里面的內(nèi)容<li></li>。我們可以這樣去理解,<li></li>是一個個標準化的小盒子,他們主要存放著列表信息,而<ul></ul>則是個大箱子,他的作用就是存放小盒子。這些一個個的小盒子只有放在大箱子里他們才不會弄丟了。整齊而有利于運輸(移植)、存放(定位)。那么列表與段落一樣可以有很多屬性在其中,比如,我們可以為<ul></ul>設(shè)置一個id或是class或是title等屬性,其特點功用與段落中的一樣。而<li></li>也可以有這些屬性,但是一般情況下來說列表即然是同類的一般也不作特殊化處理。

那么無序列表基本上也就算是講完了,其實這篇最重要的內(nèi)空就是什么樣的信息應(yīng)該用無序列表,而這些則需要在實際應(yīng)用的時候多分析多思考。那么對于還沒使用列表標簽的朋友,開始使用列表標簽,放棄用DIV代替列表標簽的做法?;蚴怯帽砀駚肀憩F(xiàn)列表的朋友也可以試著改變一下。從現(xiàn)在開始使用無序列表標簽。當然如果你已經(jīng)用了發(fā)現(xiàn)這樣還不能滿足你,那就等后面講解如何用樣式去開發(fā)出列表的潛力吧。今天講的內(nèi)容雖然比較簡單,但是還是希望來讀本篇文章的朋友可以思考一下上面我提出的問題。

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:HTML教程:無序列表
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)