怎么使用HTMl列表和表格-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)是工信部頒發(fā)資質(zhì)IDC服務(wù)器商，為用戶提供優(yōu)質(zhì)的遂寧聯(lián)通機(jī)房服務(wù)

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

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

二、特殊符號

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

三、列表的使用

（1）無序列表

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

（3）定義列表

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

四、表格的使用

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

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

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

<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：表格標(biāo)題；
cellspacing：規(guī)定單元格之間的空間；
cellpadding：規(guī)定單元邊沿與其內(nèi)容之間的空白；
colspan：表格跨列；
rowspan：表格跨行；

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

當(dāng)前標(biāo)題：怎么使用HTMl列表和表格-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://www.rwnh.cn/article0/dpepio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、品牌網(wǎng)站制作、網(wǎng)站排名、Google、品牌網(wǎng)站設(shè)計、云服務(wù)器

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

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

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

怎么使用HTMl列表和表格-創(chuàng)新互聯(lián)

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

二、特殊符號

三、列表的使用

四、表格的使用

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

二、特殊符號

三、列表的使用