您好,登錄后才能下訂單哦!
這篇文章主要介紹“怎么使用HTMl列表和表格”,在日常操作中,相信很多人在怎么使用HTMl列表和表格問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”怎么使用HTMl列表和表格”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
(1)在XHTML 中標簽名稱必須小寫,在HTML 中標簽名稱既可以小寫也可以大寫;
(2)在XHTML 中標簽必須封閉,在HTML中標簽可以不成對出現;
(3)在XHTML 中標簽必須嚴格嵌套,HTML對標簽嵌套沒有嚴格規定;
(4)在XHTML 中屬性名稱必須小寫,在HTML 中也一樣;
(5)在XHTML 中標簽必須用雙引號引起來,HTML中可以不用;
 
;表示空格;
"
表示雙引號;
&
表示&符號;
>
表示大于號>;
<
表示小于號<;
©
表示版權符號?;
(1)無序列表
無序列表是一個項目列表,使用項目符號標記無序列表的項目,無序列表也就是沒有順序的列表;
無序列表的type屬性取值有三種,分別是circle(圓圈)、disc(實心圓點)、square(方塊);
# 打印實心圓點的無序列表 <body> <ul type="disc"> <li>第一</li> <li>第二</li> <li>第三</li> </ul> </body>
(2)有序列表
有序列表也是由一個個列表項組成,列表想既可以使用數字標記,也可以使用字母標記;
有序列表的type屬性取值有5中,分別是1(數字)、i(小寫羅馬字母)、I(大寫羅馬字母)、a(小寫字母)、A(大寫字母);
# 打印數字排序的有序列表 <body> <ol type="1"> <li>我最愛椰奶</li> <li>第二愛可樂</li> <li>第三愛橙汁</li> </ol> </body>
(3)定義列表
定義列表是當無序列表和有序列表都不適合時,通過自定義列表來完成自定義展示,所以定義列表不僅僅是一個項目列表,而是項目和注釋的組合;
<body> <dl> <dt>春曉</dt> <dd>春眠不覺曉,處處聞啼鳥</dd> <dd>夜來風雨聲,花落知多少</dd> </dl> </body>
(1)表格的基本結構
單元格:表格的最小單位,一個或多個單元格縱橫排列組成了表格;
行:一個或多個單元格橫向堆疊形成了行;
列:一個或多個單元格縱向堆疊形成了列;
<table> <tr> <td>第一行第一列</td> <td>第一行第二列</td> <td>第一行第三列</td> </tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> <td>第二行第三列</td> </tr> </table>
(2)表格的對齊方式
align屬性:left表示水平居左、center表示水平居中、right表示水平居右;
valign屬性:top表示垂直置頂、middle表示垂直居中、bottom表示垂直靠底;
(3)表格的其他屬性
th
:一種特殊的單元格,加粗并居中;
caption
:表格標題;
cellspacing
:規定單元格之間的空間;
cellpadding
:規定單元邊沿與其內容之間的空白;
colspan
:表格跨列;
rowspan
:表格跨行;
到此,關于“怎么使用HTMl列表和表格”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。