亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

HTML表格屬性及簡單實例

番茄西紅柿 / 2192人閱讀

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

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

1、

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

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

2、

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

  tr元素可以在table,thead,tbody和tfoot元素內使用

  tr元素內可以包含一個或者多個td或th元素

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

3、

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

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

6、

  用來定義表格的主體

7、

  用來定義標記表格的頁腳

??:

、標簽內部必須擁有 標簽
  • 和標簽不管放在 

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

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

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

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

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

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

     5、

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

    8、

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

      具有局部屬性 span 的 

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

      

    可以包含一個或多個 元素

    9、

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

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

      

    也具有局部屬性span

      

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

    10、

                  <

                    用來定義表格的標題,每個表中只能包含一個

                  元素

                  一個簡單的例子:

                  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

                  效果如下:

                   

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

                  轉載請注明本文地址:http://www.ezyhdfw.cn/yun/1996.html

                  相關文章

                  • CSS 高度(css height)

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

                    sf_wangchong 評論0 收藏0
                  • 使用函數(shù)計算對表格存儲中數(shù)據做簡單清洗

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

                    XUI 評論0 收藏0
                  • 《JavaScript高級程序設計》(第3版)讀書筆記 第10章 DOM

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

                    yearsj 評論0 收藏0

                  發(fā)表評論

                  0條評論

                  最新活動
                  閱讀需要支付1元查看