溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么使用HTMl列表和表格

發(fā)布時(shí)間：2021-11-06 16:13:31 來(lái)源：億速云 閱讀：143 作者：iii 欄目：web開(kāi)發(fā)

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

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

（1）在XHTML 中標(biāo)簽名稱必須小寫(xiě)，在HTML 中標(biāo)簽名稱既可以小寫(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 中屬性名稱必須小寫(xiě)，在HTML 中也一樣；
（5）在XHTML 中標(biāo)簽必須用雙引號(hào)引起來(lái)，HTML中可以不用；

二、特殊符號(hào)

  •  表示空格；

  • "表示雙引號(hào)；

  • &表示&符號(hào)；

  • >表示大于號(hào)>；

  • &lt;表示小于號(hào)<；

  • &copy;表示版權(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>我最愛(à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)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

向AI問(wèn)一下細(xì)節(jié)
推薦閱讀：
  1. html 表格
  2. HTML表格

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手