怎么使用HTMl列表和表格

這篇文章主要介紹“怎么使用HTMl列表和表格”，在日常操作中，相信很多人在怎么使用HTMl列表和表格問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”怎么使用HTMl列表和表格”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)建站是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司，自成立以來(lái)公司不斷探索創(chuàng)新，始終堅(jiān)持為客戶(hù)提供滿(mǎn)意周到的服務(wù)，在本地打下了良好的口碑，在過(guò)去的十載時(shí)間我們累計(jì)服務(wù)了上千家以及全國(guó)政企客戶(hù)，如成都門(mén)窗定制等企業(yè)單位，完善的項(xiàng)目管理流程，嚴(yán)格把控項(xiàng)目進(jìn)度與質(zhì)量監(jiān)控加上過(guò)硬的技術(shù)實(shí)力獲得客戶(hù)的一致贊揚(yáng)。

一、HTML與XHTML的區(qū)別

（1）在XHTML 中標(biāo)簽名稱(chēng)必須小寫(xiě)，在HTML 中標(biāo)簽名稱(chēng)既可以小寫(xiě)也可以大寫(xiě)；
（2）在XHTML 中標(biāo)簽必須封閉，在HTML中標(biāo)簽可以不成對(duì)出現(xiàn)；
（3）在XHTML 中標(biāo)簽必須嚴(yán)格嵌套，HTML對(duì)標(biāo)簽嵌套沒(méi)有嚴(yán)格規(guī)定；
（4）在XHTML 中屬性名稱(chēng)必須小寫(xiě)，在HTML 中也一樣；
（5）在XHTML 中標(biāo)簽必須用雙引號(hào)引起來(lái)，HTML中可以不用；

二、特殊符號(hào)

&nbsp;表示空格；
"表示雙引號(hào)；
&表示&符號(hào)；
>表示大于號(hào)>；
<表示小于號(hào)<；
©表示版權(quán)符號(hào)?；

三、列表的使用

（1）無(wú)序列表

無(wú)序列表是一個(gè)項(xiàng)目列表，使用項(xiàng)目符號(hào)標(biāo)記無(wú)序列表的項(xiàng)目，無(wú)序列表也就是沒(méi)有順序的列表；
無(wú)序列表的type屬性取值有三種，分別是circle（圓圈）、disc（實(shí)心圓點(diǎn)）、square（方塊）；
```
# 打印實(shí)心圓點(diǎn)的無(wú)序列表
<body>
<ul type="disc">
  <li>第一</li>
  <li>第二</li>
  <li>第三</li>
</ul>
</body>
```
（2）有序列表
有序列表也是由一個(gè)個(gè)列表項(xiàng)組成，列表想既可以使用數(shù)字標(biāo)記，也可以使用字母標(biāo)記；
有序列表的type屬性取值有5中，分別是1（數(shù)字）、i（小寫(xiě)羅馬字母）、I（大寫(xiě)羅馬字母）、a（小寫(xiě)字母）、A（大寫(xiě)字母）；
```
# 打印數(shù)字排序的有序列表
<body>
<ol type="1">
  <li>我最?lèi)?ài)椰奶</li>
  <li>第二愛(ài)可樂(lè)</li>
  <li>第三愛(ài)橙汁</li>
</ol>
</body>
```

（3）定義列表

定義列表是當(dāng)無(wú)序列表和有序列表都不適合時(shí)，通過(guò)自定義列表來(lái)完成自定義展示，所以定義列表不僅僅是一個(gè)項(xiàng)目列表，而是項(xiàng)目和注釋的組合；
```
<body>
<dl>
  <dt>春曉</dt>
    <dd>春眠不覺(jué)曉，處處聞啼鳥(niǎo)</dd>
    <dd>夜來(lái)風(fēng)雨聲，花落知多少</dd>
</dl>
</body>
```

四、表格的使用

（1）表格的基本結(jié)構(gòu)

單元格：表格的最小單位，一個(gè)或多個(gè)單元格縱橫排列組成了表格；
行：一個(gè)或多個(gè)單元格橫向堆疊形成了行；

列：一個(gè)或多個(gè)單元格縱向堆疊形成了列；

<table>
<tr>
  <td>第一行第一列</td>  
  <td>第一行第二列</td>  
  <td>第一行第三列</td>  
</tr>
<tr>
  <td>第二行第一列</td>  
  <td>第二行第二列</td>  
  <td>第二行第三列</td>  
</tr>
</table>

（2）表格的對(duì)齊方式

align屬性：left表示水平居左、center表示水平居中、right表示水平居右；
valign屬性：top表示垂直置頂、middle表示垂直居中、bottom表示垂直靠底；

（3）表格的其他屬性

th：一種特殊的單元格，加粗并居中；
caption：表格標(biāo)題；
cellspacing：規(guī)定單元格之間的空間；
cellpadding：規(guī)定單元邊沿與其內(nèi)容之間的空白；
colspan：表格跨列；
rowspan：表格跨行；

到此，關(guān)于“怎么使用HTMl列表和表格”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

網(wǎng)頁(yè)題目：怎么使用HTMl列表和表格
本文地址：http://muchs.cn/article40/gessho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、商城網(wǎng)站、企業(yè)網(wǎng)站制作、品牌網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

怎么使用HTMl列表和表格

一、HTML與XHTML的區(qū)別

二、特殊符號(hào)

三、列表的使用

四、表格的使用

二、特殊符號(hào)

三、列表的使用

四、表格的使用