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

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

一、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)

•  ;表示空格；

• "表示雙引號(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ú)序列表
  
  
    
  第一
    
  第二
    
  第三
  

（2）有序列表

# 打印數(shù)字排序的有序列表


  
我最?lèi)?ài)椰奶
  
第二愛(ài)可樂(lè)
  
第三愛(ài)橙汁

（3）定義列表

• 定義列表是當(dāng)無(wú)序列表和有序列表都不適合時(shí)，通過(guò)自定義列表來(lái)完成自定義展示，所以定義列表不僅僅是一個(gè)項(xiàng)目列表，而是項(xiàng)目和注釋的組合；

  
  
    
  春曉
      
  春眠不覺(jué)曉，處處聞啼鳥(niǎo)
      
  夜來(lái)風(fēng)雨聲，花落知多少
  
  

四、表格的使用

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

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

• 行：一個(gè)或多個(gè)單元格橫向堆疊形成了行；

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

  
      
      
      
  
      
      
      
  
  第一行第一列
  第一行第二列
  第一行第三列
  第二行第一列
  第二行第二列
  第二行第三列
  

  （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)站建設(shè)公司網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！