首頁 > web前端 > html教學 > HTML教學:無序列表_HTML/Xhtml_網頁製作

HTML教學:無序列表_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:46:04
原創
2201 人瀏覽過

原文:http://andymao.com/andy/post/102.html
段落已經講完了,那麼一些基本的應用方式也講了一些,那麼是否已經應用了呢?當然應用可以更為豐富,那麼這些就需要自己在實際工作中不斷的摸索與思考,然後創新並總結出新的應用形式。當然了段落不能當作萬用膏藥一樣倒處使用,不過相信大家也都知道現在「DIV」這個標籤的作用已經被擴大化了(POPO曾有一篇文章《
不是萬靈藥》),更已經被一些人拿來與CSS一併說事。這裡呢還是要重新強調一次:DIV只不過是HTML中的一個無語意標籤,他可以用來佈局或是作為無語部分的處理,而CSS則是一種樣式語言。名不正則言不順,我這裡不是古板,而是這種說法會讓大家對於標準的理解會產生偏頗。基本的等級都弄不清楚,把標籤功能無限放大,這些都不是一個正確的學習態度。我這裡細細講解各種標籤以及用途其中一點也是希望大家正確理解WEB標準的意義。正確的說法應該是“xHTML CSS”或“WEB標準”簡稱為“標準”也可以。今天不是為發牢騷的,還是講今天的主題《無序列表》
列表,相信大家都已經用過了,Word裡也有,很多文件編輯裡也都有。而在HTML中的列表則有三種:無序列表、有序列表、定義列表。飯要一口口的吃,事要一件件的做,今天只講無序列表,並且今天所講的列表不會涉及到CSS的美化工作。說到這裡大家應該也明白了,我的講解都是分開來的,並不以樣式美化為主,這也是要告訴大家標籤代碼非常重要。那我們首先就要來理解清單。我們日常生活工作都是瑣碎而沒有條理的,而要想得到一個高效的友好的信息互通那麼就要梳理信息,做好歸類。這樣才能有效傳達訊息。用清單把同類的內容進行簡單的歸納,我認為這是清單的一個基本作用。常見的用途有:書籍目錄、飯店菜單、人員名單、待辦事項宜等等。而這些資訊大多不是大篇的資訊內容,而是簡短的標題。當然列表的用途不是說只能是歸納標題信息,列表並沒有去限制內容的多少。只是我們常用列表去歸納的多是些標題資訊罷了。
那我們又如何去理解無序列表呢?無序的對應就是有序,從字面上去理解就很容易,有序就是說他本身就標明了前後順序的,這是嚴格的,並且這些資訊本身就有順序特性。例如我們寫操作步驟那就需要明確第一步第二步,這樣的資訊必然是有序的,而無序呢?也就是說其本身就是無序的沒有任何順序可言。這裡要舉個實例讓大家思考一下:政府部門的領導名單前後順序是他們最頭疼的事,雖然他們有時會寫著排名不分先後,但是實際上依然是有排名的,那麼這裡我想提問:這樣的名單應用有序列表還是用無序列表呢? 當然這個沒有標準答案,各人都有各人的思考方式,那你是怎麼想的?不妨在評論上留下你的想法。這裡我就不說我怎麼想的,希望大家能動動腦筋,多思考。
列表的標籤形式是:

  • 這就是清單的內容了

  • 這就是清單的內容了

  • 這就是清單的內容的內容了

  • 這就是清單的內容了

這就是清單的內容了

  • 這裡我們要注意到,清單有兩個部分,一個是最外面的一個標籤
  • ,一個是裡面的內容
    • 。我們可以這樣去理解,
      是一個個標準化的小盒子,他們主要存放著列表信息,而
  • 則是個大箱子,他的作用就是存放小盒子。這些一個個的小盒子只有放在大箱子裡才不會弄丟了。整齊而有利於運輸(移植)、存放(定位)。那麼列表與段落一樣可以有很多屬性在其中,例如,我們可以為

  • 設定一個id或是class或是title等屬性,其特點功用與段落中的一樣。而也可以有這些屬性,但是一般情況下來說列表即然是同類的一般也不作特殊化處理。 那麼無序列表基本上也就算是講完了,其實這篇最重要的內空就是什麼樣的資訊應該用無序列表,而這些則需要在實際應用的時候多分析多思考。那麼對於還沒使用清單標籤的朋友,開始使用清單標籤,放棄用DIV取代清單標籤的做法。或是用表格來表現清單的朋友也可以試著改變一下。從現在開始使用無序列表標籤。當然如果你已經用了發現這樣還不能滿足你,那就等後面講解如何用樣式去開發出列表的潛力吧。今天講的內容雖然比較簡單,但還是希望來讀這篇文章的朋友可以思考一下上面我提出的問題。
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    最新問題
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板