成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML表格屬性及簡單實例

番茄西紅柿 / 2115人閱讀

摘要：用來定義的表格，具有本地屬性表示邊框，屬性的值必須為或空字符串。而且中的文字默認(rèn)會被加粗，而是不會的是數(shù)據(jù)標(biāo)記，表示單元格的具體的數(shù)據(jù)用來定義表格的頁眉，表頭的包裝器。

這里主要總結(jié)記錄下表格的一些屬性和簡單的樣式，方便以后不時之需。

1、

　　用來定義HTML的表格，具有本地屬性 border 表示邊框，border屬性的值必須為1或空字符串("")。該屬性不會控制邊框的樣式，而是由CSS來控制

　　table元素可以有tr，th，td，thead，tbody，tfoot，colgroup元素

2、

　　用來定義表格的一行。由于HTML表格是面向行的，所以必須分別表示每一行

　　tr元素可以在table，thead，tbody和tfoot元素內(nèi)使用

　　tr元素內(nèi)可以包含一個或者多個td或th元素

　　它的align,bgcolor等屬性已過時，如果要設(shè)置屬性，請使用CSS設(shè)置

3、

　　用來定義表格的頁眉，表頭的包裝器?？梢远x一行或多行，這些行是 table 元素的列標(biāo)簽

　　沒有thead元素，所有的tr被假定為屬于表的主體

6、

　　用來定義表格的主體

7、

　　用來定義標(biāo)記表格的頁腳

??：

、標(biāo)簽內(nèi)部必須擁有 標(biāo)簽
  • 和標(biāo)簽不管放在 

    　　用來定義表格單元格，可以同colspan，rowspan，headers局部屬性使用

    　　(1)colspan： 列跨度，該屬性規(guī)定了單元格可橫跨的列數(shù)，該屬性的值必須是整數(shù)

    　　(2)rowspan：行跨度，該屬性規(guī)定了單元格可橫跨的行數(shù)，該屬性的值必須是整數(shù)

    　　(3)headers：該屬性的值是一個或多個單元的ID屬性值，將單元格與列標(biāo)題相關(guān)聯(lián)，可用于使用屏幕閱讀器

    ??：每個表格必須包含以上三個元素

    一個簡單的實例

    DOCTYPE html>
<html>
    <body>
        <table>
            <tr>
                <td>Atd>
                <td>Btd>
                <td>Ctd>
            tr>
            <tr>
                <td>Dtd>
                <td>Etd>
                <td>Ftd>
            tr>
        table>
    body>
html>

    效果如下：

     4、

    　　用來定義標(biāo)題單元格，使我們有效區(qū)分?jǐn)?shù)據(jù)及其描述

    　　它同 <td> 元素具有相同的局部屬性，兩者有如下區(qū)別：

    		是表示頭標(biāo)記，通常位于首行或者首列。而且中的文字默認(rèn)會被加粗，而是不會的
  		• 是數(shù)據(jù)標(biāo)記，表示單元格的具體的數(shù)據(jù)

     5、
    標(biāo)簽內(nèi)的哪個位置，都會被分別定為到表格的頭部和底部。可以出現(xiàn)在或之前或之后。在html5之前，元素必須出現(xiàn)在元素之前，在html5中，可以將元素放在或最后一個元素后面

    8、

    　　用來定義表列組，可以使用其來將樣式應(yīng)用于某個列，當(dāng)然也可以使用下面要說的col元素

    　　具有局部屬性 span 的 

    表示列組應(yīng)該橫跨的列數(shù)。默認(rèn)是一列，即對表格的一列設(shè)置樣式

    　　

    可以包含一個或多個 元素

    9、

    　　用來表示表單個列，建議使用

    包裹元素而不是直接設(shè)置span屬性定義組

    　　

    也具有局部屬性span

    　　

    放在的元素內(nèi)部，的咩哥實例表示組中的一列。使用該標(biāo)簽可以將樣式應(yīng)用于列的組和該組的單個列

    10、

    <ul id="sosok"><pre id="sosok"></pre></ul>
        •

        　　用來定義表格的標(biāo)題，每個表中只能包含一個

        元素

        一個簡單的例子：

        DOCTYPE html>
<html>
    <head>
        <style>
            thead th,tfoot th {
                text-align: left;
                background: grey;
                color: white
            }
            tbody th {
                text-align: right;
                background: lightgrey;
                color: grey
            }
            /* tbody td {
                background: greenyellow;
            } */
            #colgroup1 {
                background-color: blueviolet
            }
            #col3 {
                background-color: yellow;
                font-size: small
            }
        style>
    head>
    <body>
        <table>
            <colgroup id="colgroup1">
                <col id="collAnd2" span="2"/>
                <col id="col3"/>
            colgroup>
            <colgroup id="colgroup2" span="2">colgroup>
            <thead>
                <tr>
                    <th>Rankth>
                    <th>Nameth>
                    <th>Colorth>
                    <th colspan="2">Size & Votesth>
                tr>
            thead>
            <tfoot>
                <tr>
                    <th>Rank Footerth>
                    <th>Name Footerth>
                    <th>Color Footerth>
                    <th colspan="2">Size And Votes Footerth>
                tr>
            tfoot>
            <tbody>
                <tr>
                    <th>Favorite:th>
                    <td>XMLtd>
                    <td>CSStd>
                    <td>Javatd>
                    <td>IOStd>
                tr>
                <tr>
                    <th>2nd Favorite:th>
                    <td>Webtd>
                    <td>HTML5td>
                    <td>CStd>
                    <td>460td>
                tr>
            tbody>
        table>
    body>
html>
        View Code

        效果如下：

         

        文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

        轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/1996.html

        相關(guān)文章

        • CSS 高度(css height)

          摘要：同時也無需使用來實現(xiàn)高度自適應(yīng)。通常默認(rèn)情況下不用再設(shè)置高度值為，對象高度即是自適應(yīng)高度。高度不能設(shè)置百分比高度如設(shè)置百分比的高度無效。擴展閱讀寬度最小高度最大高度轉(zhuǎn)載來源網(wǎng)址DIV+CSS height高度知識教程篇 DIV CSS高度簡介這里的CSS高度是指通過CSS來控制設(shè)置對象的高度。使用CSS屬性單詞height。單位可以使用PX，em等常用使用PX（像素）為html單位。 he...

          sf_wangchong 評論0 收藏0

        • 使用函數(shù)計算對表格存儲中數(shù)據(jù)做簡單清洗

          摘要：是用于獲取表中增量數(shù)據(jù)的一個數(shù)據(jù)通道，通過創(chuàng)建觸發(fā)器，能夠?qū)崿F(xiàn)和函數(shù)計算的自動對接，讓計算函數(shù)中自定義的程序邏輯自動處理表中發(fā)生的數(shù)據(jù)修改。開啟數(shù)據(jù)源表的功能觸發(fā)器功能需要先開啟數(shù)據(jù)表的功能，才能在函數(shù)計算中處理寫入表格存儲中的增量數(shù)據(jù)。 摘要： 表格存儲的增量數(shù)據(jù)流功能能夠使用戶使用API獲取Table Store表中增量數(shù)據(jù)，并可以進行增量數(shù)據(jù)流的實時增量分析、數(shù)據(jù)增量同步等。通過...

          XUI 評論0 收藏0

        • 《JavaScript高級程序設(shè)計》（第3版）讀書筆記 第10章 DOM

          摘要：年月級規(guī)范成為的推薦標(biāo)準(zhǔn)，為基本的文檔結(jié)構(gòu)及查詢提供了接口。這意味著中的對象與原生對象的行為或活動特點并不一致。結(jié)果第一條注釋就會成為中的第一個子節(jié)點。由于跨域安全限制，來自不同子域的頁面無法通過通信。 DOM(文檔對象模型)是針對HTML和XML文檔的一個API（應(yīng)用程序編程接口）。DOM描繪了一個層次化的節(jié)點樹，允許開發(fā)人員添加、移除和修改頁面的某一部分。DOM脫胎于Netsc...

          yearsj 評論0 收藏0

        發(fā)表評論

        0條評論

        最新活動
        閱讀需要支付1元查看
        <strike id="sosok"><s id="sosok"></s></strike>
          • <samp id="sosok"><tbody id="sosok"></tbody></samp>
          <ul id="sosok"></ul>
          <th id="sosok"><menu id="sosok"></menu></th>
          • 

<