HTML CSS學習筆記(十六)

2022-08-16 18:24:20 字數 790 閱讀 8221

在日常生活中,我們對**資料已經很熟悉了,這種資料有多種形式,如財務資料、調查資料、事件日曆、公交車時刻表等,這些資訊都可以用table元素詳細的加以描述,html中的**可以很複雜,但這裡我們學習的是最簡單、最基本的table結構和樣式。

一 、結構化**

從基本層面上看,table元素是由行組成的,行又是由單元格組成的。每個行(tr)都包含標題單元格(th)或資料單元格(td),或者同時包含這兩種單元格。如果認為為整個**新增乙個標題有助於訪問者理解該**,可以提供caption。此外,scope屬性,儘管是可選的,但是建議使用,可以告訴螢幕閱讀器和其他輔助裝置當前的th是列的標題單元格(scope="col")還是行的標題單元格(scope="row"),抑或用於其他目的的單元格。

尤為需要注意的一點,可以通過指定thead、tbody、tfoot顯式的定義**的不同部分,是**看起來更加的清楚明了。乙個**可以有多個tbody,但卻只能有乙個thead和tfoot。

我們當然可以自由的為**新增邊框,但是預設的效果,會發現**之間有空隙,這就要用到border-collapse:collapse來消除。

二 、讓單元格跨越多行或多列

可以通過colspan和rowspan屬性讓th或td跨越乙個以上的行或者是列,該屬性的數值,描述的是跨越單元格的數量。這個很容易理解,也相當容易使用,在寫的時候可以邊寫邊看效果,一定會和你預想的一致。

總結:關於**,基本的使用方式也就這些,比較容易掌握,如果想深入研究的話,網上有很多現成的資料可以參考。

HTML CSS學習筆記

利用標籤中style屬性來改變每個標籤的顯示樣式 適用於單個標籤的樣式修改。不靈活 this is p tag 內嵌形式 可用於同類標籤的樣式統一修改 依然不夠靈活 表示後面的所有table中的文字預設顏色如我所設定。前提是已經存在乙個定義好的css檔案,網頁的一部分樣式需要用到,那麼可以採用這種方...

html css學習筆記

本人正經職業位android 開發,無奈現在社會壓力太大,對做人的要求越來越高,只掌握一門技術根本不好意思說自己是一名程式設計師,更無法在這個社會生存。本人只好順應時代發展的需要,不斷提高自己的綜合水平,提高對自身的要求,選擇了去學習html和css等前端的有關知識,新手入門,記錄一些學習過程中的筆...

html css學習筆記

1.html結構標準 2.css樣式標準 3.js行為標準1.ie 2.谷歌 3.火狐 4.蘋果 5.歐朋 注意 其他瀏覽器都用別人瀏覽器技術,只是更換了 doctype html 描述當前檔案的版本資訊,如果沒有詳細說明就是5.0版本 html html檔案 head 網頁的頭部 meta cha...