天津博奧教育首頁>天津博奧教育培訓學習輔助資料>網(wǎng)頁設計培訓就業(yè)輔導學習資料>告訴你如何在網(wǎng)頁設計html如何建立列表
注重實戰(zhàn)經(jīng)驗傳授,打造視覺設計精英
視覺設計培訓天津博奧教育全新五合一教學模式線上下同時授課
1.十多年教學經(jīng)驗,由視覺設計行業(yè)專家授課
2.視覺設計采用WORKSHOP授課方式,更好吸收教學內容
3.有問題可以隨時提出,不積壓問題及時解決問題
4.視覺設計培訓學習期滿后可推薦就業(yè)
5.在工作中遇到技術或者設計上的問題給予免費指導
6.視覺設計培訓課程可免費重修
天津平面設計培訓視覺設計培訓精品設計培訓課程推薦
高端天津平面設計培訓課程
UI設計師培訓一對一
天津平面設計軟件培訓
天津平面設計C4D培訓
告訴你如何在網(wǎng)頁設計html如何建立列表
本文章摘自天津平面設計培訓全程實例教學小班精講十多年教學經(jīng)驗的天津博奧教育官網(wǎng)psnx.com.cn
在html頁面中,合理的使用列表標簽可以起到提綱和格式排序文件的作用,列表分為兩類,一是無序列表,一是有序列表,無序列表就是項目各條列間并無順序關系,純粹只是利用條列來呈現(xiàn)資料而已,此種無序標簽,在各條列前面均有一符號以示區(qū)隔。而有序條列就是指各條列之間是有順序的,比如從1、2、3…一直延伸下去。
列表的主要標簽:<UL>無序列表<OL>有序列表 <DIR>目錄列表 <DL> 定義列表 <MENU> 菜單列表 <DL>/<DT>/<DD> 定義列表的標記 <LI> 列表項目的標記
4-1 無序列表<UL>:無序列表使用的一對標簽是<ul></ul>,無序列表指沒有進行編號的列 表,每一個列表項前使用<LI>。<LI>的屬性 type有三個選項,這三個選項都必須小寫:disc 實心園 circle空心園 square小方塊
<ul>如果不使用其項目<li>的屬性值,即默認情況下的<ul>會加"實心園"。格式 1:<UL><LI>第一項 <LI>第二項<LI>第三項</UL>
格式 2<ul><li type=disc>第一項<li type=circle>第二項<li type=square>第三項</ul>
4-2 有序列表:<OL>有序列表和無序列表的使用格式基本相同,它使用標簽<ol></ol>,每一個列表項前使用<li>。<ol>列表的結果是帶有前后順序之分的編號。如果插入和刪除一個列表項,編號會自動調整。順序編號的設置是由<ol>的兩個屬性type和start來完成的。start=編號開始的數(shù)字,如start=2則編號從2開始,如果從1開始可以省略,或是在<li>標簽中設定value="n"改變列表行項目的特定編號,例如<li value="7">。type=用于編號的數(shù)字,字母等的類型,如type=a,則編號用英文字母。為了使用這些屬性,把它們放在<ol>或<li>的的初始標簽中。
有序列表 type的屬性
type=1 表示列表項目用數(shù)字標號(1,2,3...)type=A 表示列表項目用大寫字母標號(A,B,C...)
type=a 表示列表項目用小寫字母標號(a,b,c...)type=I 表示列表項目用大寫羅馬數(shù)字標號(Ⅰ,Ⅱ,Ⅲ...)
type=i 表示列表項目用小寫羅馬數(shù)字標號(i,ii,iii...)
格式 1<ol type=編號類型 start=value><li>第 1項<li>第 2項<li>第 3項</ol>
格式 2 <ol><li>第 1項<li>第 2項<li>第 3項</ol>
4-3 嵌套列表:將一個列表嵌入到另一個列表中,作為另一個列表的一部分,叫嵌套列表。無論是有序列表和無序列表的嵌套,瀏覽器都可以自動地分成排列。
4-4 定義列表的標記<DL>/<DT>/<DD>:定義列表的標記也叫描述性列表,定義列表默認為兩個層次,第一層為列表項標簽<DT>,第二層為注釋項標簽<DD>。<DT>和<DD>標簽通常是成對使用的。也可以一個列表項對應于幾個解釋項,這種方式很少用。<DD>默認的注釋是顯示在另一行中,當使用<dl compact="compact">后,注釋項和列 表項將顯示在同一行。其格式為:<dl><dt>第 1項 <dd>注釋 1<dt>第 2項 <dd>注釋 2 <dt>第 3項 <dd>注釋 3</dl>
4-5 目錄列表<DIR>和菜單列表<MENU>:<dir>為目錄列表標簽,<menu>為菜單列表標簽,它們的格式和無序列表
<ul>是一樣的,例如:
格式 1:
<dir><li>第一項<li>第二項<li>第三項</dir>
格式 2
<menu>
<li type=disc>第一項
<li type=circle>第二項
<li type=square>第三項
</menu>
下一篇:平面設計師必備軟件技巧coreldraw中鎖定暫不修改的對象
熱文:平面設計師必備軟件技巧coreldraw巧用快捷鍵進行縮放操作
天津平面設計相關培訓:天津市天津平面設計培訓、天津市天津平面設計培訓就業(yè)班、天津UI設計培訓、天津PS培訓、天津C4D培訓、天津AI培訓、天津犀牛Rhino培訓、 天津Solidworks培訓、SolidWorks培訓全科班、天津素描培訓、天津CAD培訓、天津室內設計培訓、天津建筑Rhino參數(shù)化設計培訓、天津辦公軟件培訓、天津各所大學到天津博奧教育的乘車路線
天津博奧教育地址:天津市南開區(qū)鞍山西道百腦匯科技大廈23樓2307室。
培訓咨詢電話:022-58697923,022-58697932,18222233399。
天津博奧教育網(wǎng)址:psnx.com.cn
乘車路線:45、50、609、662、678、661、829、851、867、879(臥龍里站下)
640、687、859、705、829、849、847(世通大廈站下)




















