成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

HTML表格屬性及簡單實例

番茄西紅柿 / 2169人閱讀

摘要:用來定義的表格,具有本地屬性表示邊框,屬性的值必須為或空字符串。而且中的文字默認會被加粗,而是不會的是數(shù)據(jù)標記,表示單元格的具體的數(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等屬性已過時,如果要設置屬性,請使用CSS設置

3、

  用來定義表格的頁眉,表頭的包裝器??梢远x一行或多行,這些行是 table 元素的列標簽

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

6、

  用來定義表格的主體

7、

  用來定義標記表格的頁腳

??:

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

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

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

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

      (3)headers:該屬性的值是一個或多個單元的ID屬性值,將單元格與列標題相關(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、

      用來定義標題單元格,使我們有效區(qū)分數(shù)據(jù)及其描述

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

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

     5、

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

    8、

      用來定義表列組,可以使用其來將樣式應用于某個列,當然也可以使用下面要說的col元素

      具有局部屬性 span 的 

    表示列組應該橫跨的列數(shù)。默認是一列,即對表格的一列設置樣式

      

    可以包含一個或多個 元素

    9、

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

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

      

    也具有局部屬性span

      

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

    10、

      <strike id="kyo0u"><input id="kyo0u"></input></strike>
        • <ul id="kyo0u"></ul>
        •   用來定義表格的標題,每個表中只能包含一個

          元素

          一個簡單的例子:

          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://m.hztianpu.com/yun/1996.html

          相關(guān)文章

          • CSS 高度(css height)

            摘要:同時也無需使用來實現(xiàn)高度自適應。通常默認情況下不用再設置高度值為,對象高度即是自適應高度。高度不能設置百分比高度如設置百分比的高度無效。擴展閱讀寬度最小高度最大高度轉(zhuǎn)載來源網(wǎng)址DIV+CSS height高度知識教程篇 DIV CSS高度簡介這里的CSS高度是指通過CSS來控制設置對象的高度。使用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高級程序設計》(第3版)讀書筆記 第10章 DOM

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

            yearsj 評論0 收藏0

          發(fā)表評論

          0條評論

          閱讀需要支付1元查看
          <ul id="kyo0u"></ul>
          <