六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

html tfoot標簽是什么意思?這里有html tfoot標簽的定義與用法案例

[摘要]本篇文章主要的介紹了關于HTML tfoot標簽的定義和詳細的使用方法實例,讓大家都能一下就能看出來HTML tfoot標簽的具體的用法,大家可以跟著上面的說的去實踐,所有的軟件方面的能力都是需要不斷的敲代碼練習出來的。好了,說多了,開始我們今天的這篇文章吧。html tfoot標簽的定義和用法:...
本篇文章主要的介紹了關于HTML tfoot標簽的定義和詳細的使用方法實例,讓大家都能一下就能看出來HTML tfoot標簽的具體的用法,大家可以跟著上面的說的去實踐,所有的軟件方面的能力都是需要不斷的敲代碼練習出來的。好了,說多了,開始我們今天的這篇文章吧。

html tfoot標簽的定義和用法:

  1. 在html中,<tfoot>標簽是用來組合html表格的頁腳內容,通常與<thead>標簽和<tbody>標簽一起使用,分別用來規定表格的頁腳、表頭和主體。

  2. <tfoot>標簽必須是<table>標簽元素的子元素,應用在<caption>標簽、<colgroup>標簽和<thead>標簽之后,<tbody>標簽之前。

  3. <thead>標簽、<tbody>標簽和<tfoot>標簽默認情況下不會影響表格的布局,通常使用css來定義表格的樣式。

注釋:如果您使用 thead、tfoot 以及 tbody 元素,您就必須使用全部的元素。它們的出現次序是:thead、tfoot、tbody,這樣瀏覽器就可以在收到所有數據前呈現頁腳了。您必須在 table 元素內部使用這些標簽。

提示:在默認情況下這些元素不會影響到表格的布局。不過,您可以使用 CSS 使這些元素改變表格的外觀。

html tfoot標簽的詳細描述:

thead、tfoot 以及 tbody 元素使您有能力對表格中的行進行分組。當您創建某個表格時,您也許希望擁有一個標題行,一些帶有數據的行,以及位于底部的一個總計行。這種劃分使瀏覽器有能力支持獨立于表格標題和頁腳的表格正文滾動。當長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。

html tfoot標簽的用法介紹:

tbody,thead,tfoot都是table的子標簽,很顯然他們分別是“表體”,“表頭”,“表尾”。他們的顯示順序是從頭到尾的,thead先于tbody,tbody先于tfoot,這要求我們在設置這些標簽時,thead在tbody前出現,tbody在tfoot前出現,一個table里面允許多個tbody。這些標簽可以是一個大表分塊顯示,即先顯示一塊,再顯示后面的塊,這里的塊是以表格中“行”為單位的,即tbody標簽的下級標簽是tr,這樣就可以使瀏覽者先看到一部分完整的信息。雖然完整顯示一個頁面的時間是一樣的,但是這更加人性化。

HTML<tfoot>標簽用法實例

帶有 thead、tbody 以及 tfoot 元素的 HTML 表格:

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>

<tfoot>標簽基本屬性(html5已經不支持)

  • align right:<tfoot>元素中內容的對齊方式(值:left、center、justify、char)。

  • char:<tfoot>元素中內容根據哪個字符來對進行文本對齊(值:character)。

  • charoff:<tfoot>元素中內容的第一個對齊字符的偏移量(值:number)。

  • valign:<tfoot>元素中內容的垂直對齊方式(值:top、middle、bottom、baseline)。

<tfoot>標簽支持html全局屬性和html事件屬性

html tfoot標簽的格式:

<tfoot>
<tr>
<td>......</td>
</tr>
......
</tfoot>

html tfoot標簽的用法實例:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>html< tbody>標簽筆記</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>thead1</th>
<th>thead2</th>
<th>thead3</th>
</tr>
</thead>
<tfoot>
<tr>
<td>tfoot1</td>
<td>tfoot2</td>
<td>tfoot3</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>tbody1</td>
<td>tbody2</td>
<td>tbody3</td>
</tr>
</tbody>
</table>
</body>
</html>

運行結果如下:

tuyi.png

本篇文章到這也就結束了,以上說的就是關于HTML tfoot標簽的定義和具體的用法實例,有什么疑問可以在下方提問。

【小編的相關推薦】

html include標簽的用法詳解(附使用實例)

html noscript標簽是什么意思?關于<noscript>標簽的用法你了解多少?

以上就是html tfoot標簽是什么意思?這里有html tfoot標簽的定義和用法實例的詳細內容,更多請關注php中文網其它相關文章!


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




主站蜘蛛池模板: 亚洲精品视频在线观看你懂的 | 亚洲精品午夜久久aaa级久久久 | 日日拍夜夜拍 | 日日添日日摸 | 婷婷丁香在线 | 亚洲国产精品成人午夜在线观看 | 日韩在线观看免费完整版视频 | 亚洲专区路线一路线二 | 色网站综合 | 伊人手机在线观看 | 日产乱码卡一卡2卡三卡四福利 | 日韩一级片免费在线观看 | 亚洲精品视频网 | 欧美综合久久 | 日本欧美一区二区三区在线观看 | 色在线视频播放 | 日韩久草视频 | 奇米狠狠| 最近2019中文字幕大全视频一页 | 亚州视频在线 | 青草青青产国视频在线 | 婷婷综合激情网 | 热久久中文字幕 | 日韩中文字幕在线观看 | 清清草免费视频 | 日本在线观看免费高清 | 在线免费观看h | 日本中文一二区有码在线观看 | 水蜜桃一区一区三全集 | 亚洲大片| 小情侣旅馆内无套啪啪 | 伊人久久网站 | 一级黄色片免费的 | 四虎4hu永久免费视频大全 | 日日摸夜夜添夜夜添一区二区 | 亚洲免费福利视频 | 日本激情视频 | 亚洲日韩中文第一精品 | 亚洲综合久久成人69 | 四虎影视在线影院4hutv | 中文字幕一区婷婷久久 |