成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

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

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

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

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

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

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

廣告

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

成都定制網(wǎng)站建設(shè)
汝州市| 镇江市| 栾川县| 高密市| 彩票| 定结县| 余江县| 三江| 深州市| 泰顺县| 九台市| 开鲁县| 都江堰市| 惠来县| 通榆县| 兴文县| 郑州市| 临夏市| 黑河市| 始兴县| 长治县| 兴宁市| 贡嘎县| 综艺| 鄂温| 成安县| 五原县| 新巴尔虎右旗| 花莲县| 宁晋县| 通渭县| 荣昌县| 株洲市| 桂平市| 新田县| 怀宁县| 新巴尔虎右旗| 肥西县| 嫩江县| 清涧县| 鄂尔多斯市|