HTML知識點總結之table

来源:https://www.cnblogs.com/aaaaniu/archive/2018/01/12/8277737.html
-Advertisement-
Play Games

table元素 table元素 table元素 table元素 table元素 table元素 table元素 table元素 table用來創建表格,表格也可以用來佈局,但是嵌套過於複雜,不利於靈活佈局,已經幾乎沒人用它來佈局了。 表格基本上有如下幾個標簽構成: (1)<table>標簽用來創建表 ...


  • table元素

table用來創建表格,表格也可以用來佈局,但是嵌套過於複雜,不利於靈活佈局,已經幾乎沒人用它來佈局了。

表格基本上有如下幾個標簽構成:

(1)<table>標簽用來創建表格的外部框架。

(2)<tr>標簽用來創建表格的行。

(3)<th>標簽用來創建表頭單元格。

(4)<td>標簽用來創建tr行中的單元格。

(5)<caption>標簽用來創建標題。

(6)<thead>標簽用來創建表格的表頭。

(7)<tbody>標簽用來創建表格的主體部分。

(8)<tfoot>標簽用來創建表格的頁腳。

其中 <thead>、<tbody>和<tfoot>標簽實現了表格的語義化佈局,這樣表格所組織的內容結構就更加清晰了。也就是說,假如,有一個表格,希望對其中的內容進行分組:

(1)一行能夠起到表格標題的作用。

(2)一些行是表格的主要數據。

(3)最後一行位於表格最底部的總結類型的行。

<thead>中的<th>也是語義化佈局的一部分,<th>中的字體會預設加粗。

  • <td>rowspan屬性:定義了單元格應該縱跨的行數,也就是實現了單元格縱向合併的效果。
  • <td>colspan屬性:定義單元格應該橫跨的列數,也就是實現了單元格橫向合併的效果。
 

<col>標簽—— column 列:可以為表格中一個或多個列定義屬性值

<colgroup>標簽—— column group 列組:對錶格中的列進行組合,以便對其進行樣式修改。

【屬性】

span:規定col元素應該橫跨的列數

 
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在編寫代碼的時候,可能會對代碼加以說明。 當然這個說明不是給瀏覽器看的,而是便於開發者閱讀。 瀏覽器不會顯示註釋的內容,也不會對網頁結構造成影響。 註釋的結構: 註釋是以<!--開始,以-->結束,中間是註釋的內容。 代碼實例: http://www.softwhy.com/article-517- ...
  • JavaScript加法運算符用加號(+)表示。 代碼實例如下: 在處理特殊值時,加法也有一些特殊行為: (1).某個運算數是NaN,那麼結果為NaN。 (2).-Infinity加-Infinity,結果為-Infinity。 (3).Infinity加-Infinity,結果為NaN。 (4). ...
  • 此選擇器能夠匹配緊跟在E元素之後的元素F。 語法結構: 瀏覽器支持: (1).IE瀏覽器支持此選擇符。 (2).edge瀏覽器支持此選擇符。 (3).谷歌瀏覽器支持此選擇符。 (4).火狐瀏覽器支持此選擇符。 (5).opera瀏覽器支持此選擇符。 (6).safria瀏覽器支持此選擇符。 註意:I ...
  • 居中是我們在css中經常遇到的問題,一般有水平居中、垂直居中、垂直水平居中這3種情況,那麼今天首先就來對學習到的水平居中的方法做個總結筆記。 css水平居中 text-align:center 為了看得更清楚,我們舉一個例子,如圖,我們將div2放入div1中,現在,如果我們想讓文字在div2中水平 ...
  • HTTP首部解析 轉載請註明出處: "HTTP首部解析" 文章目錄 1.與HTTP協議相關的Web伺服器 2.HTTP首部 與HTTP協議相關的Web伺服器 在說明HTTP首部相關知識之前,有必要先瞭解一下與HTTP協作的Web伺服器。 用一臺主機實現多個功能變數名稱 HTTP/1.1規範明確提出,允許一臺 ...
  • 舉個例子,我想在項目中引用Iconfont裡面的圖標,怎麼辦 首先第一步,註冊賬號登入官網, 到如下界面 第二步,新建一個項目 第三步 上面記住,font-family這個改成你自己想要定義字體規則名稱 然後,你會有像下麵一樣的空項目 接著你在右上角搜索你要的圖標並且加到‘暫存車’ 看到上面,圖標就 ...
  • 13、語句 概念:就是分號(;) 代表一條語句的結束 習慣:一行只編寫一條語句;一行編寫多條語句(代碼可讀性較差) 語句塊:可以包含多條語句 "{ }"將多條語句包裹 u 條件語句 * if 語句 * if...else 語句 * else if 語句 * switch...case 語句 if 語 ...
  • 9、數據類型 概念:表示當前存儲的數據的分類(表示數字 - 整數和小數) u 原始類型(原始值) 【typeof運算符:判斷變數的原始類型】 *number(數字):表示數字 var num1 = 10.123; console.log(num1); * NaN(不是一個數字): 全稱為 Not a ...
一周排行
    -Advertisement-
    Play Games
  • GoF之工廠模式 @目錄GoF之工廠模式每博一文案1. 簡單說明“23種設計模式”1.2 介紹工廠模式的三種形態1.3 簡單工廠模式(靜態工廠模式)1.3.1 簡單工廠模式的優缺點:1.4 工廠方法模式1.4.1 工廠方法模式的優缺點:1.5 抽象工廠模式1.6 抽象工廠模式的優缺點:2. 總結:3 ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 本章將和大家分享ES的數據同步方案和ES集群相關知識。廢話不多說,下麵我們直接進入主題。 一、ES數據同步 1、數據同步問題 Elasticsearch中的酒店數據來自於mysql資料庫,因此mysql數據發生改變時,Elasticsearch也必須跟著改變,這個就是Elasticsearch與my ...
  • 引言 在我們之前的文章中介紹過使用Bogus生成模擬測試數據,今天來講解一下功能更加強大自動生成測試數據的工具的庫"AutoFixture"。 什麼是AutoFixture? AutoFixture 是一個針對 .NET 的開源庫,旨在最大程度地減少單元測試中的“安排(Arrange)”階段,以提高 ...
  • 經過前面幾個部分學習,相信學過的同學已經能夠掌握 .NET Emit 這種中間語言,並能使得它來編寫一些應用,以提高程式的性能。隨著 IL 指令篇的結束,本系列也已經接近尾聲,在這接近結束的最後,會提供幾個可供直接使用的示例,以供大伙分析或使用在項目中。 ...
  • 當從不同來源導入Excel數據時,可能存在重覆的記錄。為了確保數據的準確性,通常需要刪除這些重覆的行。手動查找並刪除可能會非常耗費時間,而通過編程腳本則可以實現在短時間內處理大量數據。本文將提供一個使用C# 快速查找並刪除Excel重覆項的免費解決方案。 以下是實現步驟: 1. 首先安裝免費.NET ...
  • C++ 異常處理 C++ 異常處理機制允許程式在運行時處理錯誤或意外情況。它提供了捕獲和處理錯誤的一種結構化方式,使程式更加健壯和可靠。 異常處理的基本概念: 異常: 程式在運行時發生的錯誤或意外情況。 拋出異常: 使用 throw 關鍵字將異常傳遞給調用堆棧。 捕獲異常: 使用 try-catch ...
  • 優秀且經驗豐富的Java開發人員的特征之一是對API的廣泛瞭解,包括JDK和第三方庫。 我花了很多時間來學習API,尤其是在閱讀了Effective Java 3rd Edition之後 ,Joshua Bloch建議在Java 3rd Edition中使用現有的API進行開發,而不是為常見的東西編 ...
  • 框架 · 使用laravel框架,原因:tp的框架路由和orm沒有laravel好用 · 使用強制路由,方便介面多時,分多版本,分文件夾等操作 介面 · 介面開發註意欄位類型,欄位是int,查詢成功失敗都要返回int(對接java等強類型語言方便) · 查詢介面用GET、其他用POST 代碼 · 所 ...
  • 正文 下午找企業的人去鎮上做貸後。 車上聽同事跟那個司機對罵,火星子都快出來了。司機跟那同事更熟一些,連我在內一共就三個人,同事那一手指桑罵槐給我都聽愣了。司機也是老社會人了,馬上聽出來了,為那個無辜的企業經辦人辯護,實際上是為自己辯護。 “這個事情你不能怪企業。”“但他們總不能讓銀行的人全權負責, ...