整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML 基礎的<td> 標簽

          一個簡單的 HTML 表格,帶有兩個單元格:

          <table border="1">

          <tr>

          <td>Cell A</td>

          <td>Cell B</td>

          </tr>

          </table>


          瀏覽器支持

          所有主流瀏覽器都支持 <td> 標簽。


          標簽定義及使用說明

          <td> 標簽定義 HTML 表格中的標準單元格。

          HTML 表格有兩種單元格類型:

          • 表頭單元格 - 包含頭部信息(由 <th> 元素創(chuàng)建)

          • 標準單元格 - 包含數(shù)據(jù)(由 <td> 元素創(chuàng)建)

          <th> 元素中的文本通常呈現(xiàn)為粗體并且居中。

          <td> 元素中的文本通常是普通的左對齊文本。


          提示和注釋

          提示:如果需要將內(nèi)容橫跨多個行或列,請使用 colspan 和 rowspan 屬性!


          HTML 4.01 與 HTML5之間的差異

          HTML 5 中不再支持 HTML 4.01 中的某些屬性。


          屬性

          屬性描述
          abbrtextHTML5 不支持。規(guī)定單元格中內(nèi)容的縮寫版本。
          alignleftrightcenterjustifycharHTML5 不支持。規(guī)定單元格內(nèi)容的水平對齊方式。
          axiscategory_nameHTML5 不支持。對單元格進行分類。
          bgcolorrgb(x,x,x)#xxxxxxcolornameHTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格的背景顏色。
          charcharacterHTML5 不支持。規(guī)定根據(jù)哪個字符來進行內(nèi)容的對齊。
          charoffnumberHTML5 不支持。規(guī)定對齊字符的偏移量。
          colspannumber規(guī)定單元格可橫跨的列數(shù)。
          headersheader_id規(guī)定與單元格相關聯(lián)的一個或多個表頭單元格。
          heightpixels%HTML5 不支持。HTML 4.01 已廢棄。 設置單元格的高度。
          nowrapnowrapHTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格中的內(nèi)容是否折行。
          rowspannumber設置單元格可橫跨的行數(shù)。
          scopecolcolgrouprowrowgroupHTML5 不支持。定義將表頭單元格與數(shù)據(jù)單元格相關聯(lián)的方法。
          valigntopmiddlebottombaselineHTML5 不支持。規(guī)定單元格內(nèi)容的垂直排列方式。
          widthpixels%HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格的寬度。

          全局屬性

          <td> 標簽支持 HTML 的全局屬性。


          事件屬性

          <td> 標簽支持 HTML 的事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          一個 HTML 文本區(qū)域:

          <textarea rows="10" cols="30">

          我是一個文本框。

          </textarea>


          瀏覽器支持

          所有主流瀏覽器都支持 <textarea> 標簽。


          標簽定義及使用說明

          <textarea> 標簽定義一個多行的文本輸入控件。

          文本區(qū)域中可容納無限數(shù)量的文本,其中的文本的默認字體是等寬字體(通常是 Courier)。

          可以通過 cols 和 rows 屬性來規(guī)定 textarea 的尺寸大小,不過更好的辦法是使用 CSS 的 height 和 width 屬性。


          HTML 4.01 與 HTML5之間的差異

          HTML5 增加了一些新的屬性。


          屬性

          New:HTML5 中的新屬性。

          屬性描述
          autofocusNewautofocus規(guī)定當頁面加載時,文本區(qū)域自動獲得焦點。
          colsnumber規(guī)定文本區(qū)域內(nèi)可見的列數(shù)。
          disableddisabled規(guī)定禁用文本區(qū)域。
          formNewform_id定義文本區(qū)域所屬的一個或多個表單。
          maxlengthNewnumber規(guī)定文本區(qū)域允許的最大字符數(shù)。
          nametext規(guī)定文本區(qū)域的名稱。
          placeholderNewtext規(guī)定一個簡短的提示,描述文本區(qū)域期望的輸入值。
          readonlyreadonly規(guī)定文本區(qū)域為只讀。
          requiredNewrequired規(guī)定文本區(qū)域是必需的/必填的。
          rowsnumber規(guī)定文本區(qū)域內(nèi)可見的行數(shù)。
          wrapNewhardsoft規(guī)定當提交表單時,文本區(qū)域中的文本應該怎樣換行。

          全局屬性

          <textarea> 標簽支持 HTML 的全局屬性。


          事件屬性

          <textarea> 標簽支持 HTML 的事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          格語法:

          注意:顏色使用格式有三種:rgb(x,x,x) #xxxxxx colorname

          <table width=""></table>指定表格的寬度大小(使用數(shù)字pixel或%)

          <table border=""></table>設定表格邊框大小(使用數(shù)字pixel)

          <table align=""></table>表格位置,置左,為默認值

          align屬性:left(左對齊表格,默認值)、right(右對齊表格)、center(居中對齊表格)

          <table bgcolor=""></table>設定表格的背景顏色

          <table cellpadding=""></table>指定內(nèi)容與網(wǎng)格線之間的間距(使用數(shù)字pixel或%)

          <table cellspacing=""></table>指定網(wǎng)格線與網(wǎng)格線之間的距離(使用數(shù)字pixel或%)

          <table border="1" cellspacing="0" cellpadding="0">

          通常表格, 這兩個參數(shù)都設置為 0 。

          <table rules="rows"></table>規(guī)定內(nèi)側(cè)邊框的哪個部分是可見的。(兼容性差)

          rules屬性:none 沒有線條。

          groups 位于行組和列組之間的線條。

          rows 位于行之間的線條。

          cols 位于列之間的線條。

          all 位于行和列之間的線條。


          <table summary="Monthly savings for the Flintstones family"></table>

          定義了表格內(nèi)容的摘要:

          表格結構:

          在使用表格進行布局時, 可以將表格劃分為頭部、主體和頁腳, 具體如下所示:

          <thead></thead>:用于定義表格的頭部, 必須位于<table></table>標記中, 一般包含網(wǎng)頁的logo和導航等頭部信息。

          <tfoot></tfoot>:用于定義表格的頁腳, 位于<table></table>標記中<thead></thead>標記之后, 一般包含網(wǎng)頁底部的企業(yè)信息等。

          <tbody></tbody>:用于定義表格的主體, 位于<table></table>標記中<tfoot></tfoot>標記之后, 一般包含網(wǎng)頁中除頭部和底部之外的其他內(nèi)容。

          注意:在沒有<tbody></tbody>比較的情況下, 瀏覽器會自動添加<tbody></tbody>標記。

          <table bordercolor=""></table>設定表格邊框的顏色

          <table cols=""></table>指定表格的欄數(shù)

          <table height=""></table>指定表格的高度大小(使用數(shù)字)

          <table background=""></table>背景圖片的URL=就是路徑網(wǎng)址(默認是repeat:水平和垂直方向重復)

          <table bordercolordark=""></table>設定表格暗邊框的顏色

          <table bordercolorlight=""></table>設定表格亮邊框的顏色

          <tr align=""></tr> 定義表格行的內(nèi)容對齊方式。

          align屬性值:right、left、center、justify、char

          <tr bgcolor=""></tr> 規(guī)定表格行的背景顏色。

          <tr valign=""></tr> 規(guī)定表格行中內(nèi)容的垂直對齊方式。

          valign屬性值right、left、center、justify、char

          <td colspan=""></td>指定儲存格合并欄的欄數(shù)(使用數(shù)字)

          <td rowspan=""></td>指定儲存格合并列的列數(shù)(使用數(shù)字)

          <td align=""></td> 調(diào)整表格字段之左右對齊

          <td bgcolor=""></td> 設定表格字段之背景顏色

          <td colspan="" rowspan=""></td> 表格字段的合并

          <td valign=""></td> 調(diào)整表格字段之上下對齊

          <td width=""></td> 調(diào)整表格字段寬度

          <td nowrap="nowrap"></td> 規(guī)定表格單元格中的內(nèi)容不換行(注意只有一個值:nowrap)

          <caption></caption>為表格加上標題

          <caption align="">設定表格標題位置

          align屬性:left, center(默認值), right

          <th></th> 定義表頭(粗體居中)

          細表格邊框

          <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="158" height="68">
          <tr>
          <td width="158" height="68"></td>
          </tr>
          </table>

          表格創(chuàng)建后瀏覽器會自動添加<tbody>標簽


          主站蜘蛛池模板: 奇米精品一区二区三区在| 91成人爽a毛片一区二区| 国产午夜三级一区二区三| 亚洲码一区二区三区| 日韩经典精品无码一区| 一区二区在线电影| 一区二区三区在线观看免费| 国产福利91精品一区二区三区| 精品人妻少妇一区二区三区| 午夜在线视频一区二区三区| 中文字幕日韩一区| 麻豆AV一区二区三区| 亚洲一区二区三区高清| 无码精品人妻一区二区三区漫画 | 亚洲日本一区二区| 国产成人精品一区二区三区无码 | 成人免费一区二区无码视频| 精品一区二区三区在线观看视频 | 久久国产精品最新一区| 99精品久久精品一区二区| 亚洲欧洲一区二区三区| 无码精品人妻一区二区三区AV| 日本免费一区二区三区最新 | 夜夜嗨AV一区二区三区| 国产AⅤ精品一区二区三区久久| 成人精品一区二区不卡视频| 日本国产一区二区三区在线观看 | 亚洲视频在线一区二区| 亚洲一区日韩高清中文字幕亚洲 | 精品成人一区二区三区四区| 国产成人精品久久一区二区三区av | 三上悠亚国产精品一区| 中文字幕亚洲一区| 日韩免费观看一区| 色狠狠色狠狠综合一区| 在线精品自拍亚洲第一区| 日韩一区二区三区在线观看| 久久国产午夜精品一区二区三区| 精品一区二区三区在线观看| 精品视频一区二区三区免费| 无码成人一区二区|