HTML基礎知識 六

2021-07-26 03:36:25 字數 4611 閱讀 3427

基本結構:

內容tr為行,td為列;

詳細結構:

**標題

頁首頁首

表頭內容

頁尾頁尾

th為表頭,caption為**標題,thead為**頁首,tbody為**主體,tfoot為頁尾,col定義列屬性,colgroup定義列的組;

table的屬性:

align:水平對齊方式,align=」left/center/right」;預設為left;

border:邊框寬度,border=」n」,n為數字;預設為0;

bgcolor:背景顏色,bgcolor=」顏色」;預設無;

cellpadding:單元邊沿與其內容之間的空白;cellpadding=」n / %」; n為數字,%為百分比;

cellspacing:單元格之間的空白;cellspacing=」n/ %」; n為數字,%為百分比;

with:**寬度;with=」n/ %」; n為數字,%為百分比;

frame:規定外側邊框的哪個部分是可見的;

void--不顯示外側邊框   above--顯示上部的外側邊框   below--顯示下部的外側邊框

hsides--顯示上部和下部的外側邊框    vsides--顯示左邊和右邊的外側邊框

lhs--顯示左邊的外側邊框  rhs--顯示右邊的外側邊框  

box--在所有四個邊上顯示外側邊框     border--在所有四個邊上顯示外側邊框

rules:規定內側邊框的哪個部分是可見的;

none--沒有線條   groups--位於行組和列組之間的線條   rows--位於行之間的線條

cols--位於列之間的線條    all--位於行和列之間的線條

caption的屬性:align—left/right/top/bottom;預設center;

colgroup的屬性:

align: right/left/center/justify/char 定義在列組合中內容的水平對齊方式。

justify--對行進行伸展,這樣每行都可以有相等的長度

char--將內容對準指定字元

預設為left

char:  character   規定根據哪個字元來對齊列組中的內容。

charoff:number   規定第乙個對齊字元的偏移量。

span:  number    規定列組應該橫跨的列數。

valign: top/middle/bottom/baseline 定義在列組合中內容的垂直對齊方式。

baseline--與基線對齊

width: pixels/ % /relative_length   規定列組合的寬度。

relative_length--把可用畫素分配到各部分

col的屬性:與colgroup的屬性相同;

thead/ tbody/ tfoot的屬性:align  char  charoff valign;

tr的屬性:align char  charoff  valign bgcolor;

th的屬性:屬性

值 描述

標籤的 abbr 屬性" rel="noopener noreferrer">abbr

text

規定單元格中內容的縮寫版本。

標籤的 align 屬性" rel="noopener noreferrer">align

left

right

center

justify

char

規定單元格內容的水平對齊方式。

標籤的 axis 屬性" rel="noopener noreferrer">axis

category_name

對單元格進行分類。

標籤的 bgcolor 屬性" rel="noopener noreferrer">bgcolor

rgb(x,x,x)

#******

colorname

規定**單元格的背景顏色。

標籤的 char 屬性" rel="noopener noreferrer">char

character

規定根據哪個字元來進行內容的對齊。

標籤的 charoff 屬性" rel="noopener noreferrer">charoff

number

規定對齊字元的偏移量。

標籤的 colspan 屬性" rel="noopener noreferrer">colspan

number

設定單元格可橫跨的列數。

標籤的 headers 屬性" rel="noopener noreferrer">headers

idrefs

由空格分隔的表頭單元格 id 列表,為資料單元格提供表頭資訊。

標籤的 height 屬性" rel="noopener noreferrer">height

pixels %

規定**單元格的高度。

標籤的 nowrap 屬性" rel="noopener noreferrer">nowrap

nowrap

規定單元格中的內容是否折行。

標籤的 rowspan 屬性" rel="noopener noreferrer">rowspan

number

規定單元格可橫跨的行數。

標籤的 scope 屬性" rel="noopener noreferrer">scope

colcolgroup

rowrowgroup

定義將表頭資料與單元資料相關聯的方法。

標籤的 valign 屬性" rel="noopener noreferrer">valign

topmiddle

bottom

baseline

規定單元格內容的垂直排列方式。

標籤的 width 屬性" rel="noopener noreferrer">width

pixels %

規定**單元格的寬度。

td的屬性:屬性

值 描述

標籤的 abbr 屬性" rel="noopener noreferrer">abbr

text

規定單元格中內容的縮寫版本。

標籤的 align 屬性" rel="noopener noreferrer">align

left

right

center

justify

char

規定單元格內容的水平對齊方式。

標籤的 axis 屬性" rel="noopener noreferrer">axis

category_name

對單元進行分類。

標籤的 bgcolor 屬性" rel="noopener noreferrer">bgcolor

rgb(x,x,x)

#******

colorname

規定單元格的背景顏色。

標籤的 char 屬性" rel="noopener noreferrer">char

character

規定根據哪個字元來進行內容的對齊。

標籤的 charoff 屬性" rel="noopener noreferrer">charoff

number

規定對齊字元的偏移量。

標籤的 colspan 屬性" rel="noopener noreferrer">colspan

number

規定單元格可橫跨的列數。

標籤的 headers 屬性" rel="noopener noreferrer">headers

header_cells'_id

規定與單元格相關的表頭。

標籤的 height 屬性" rel="noopener noreferrer">height

pixels

% 規定**單元格的高度。

標籤的 nowrap 屬性" rel="noopener noreferrer">nowrap

nowrap

規定單元格中的內容是否折行。

標籤的 rowspan 屬性" rel="noopener noreferrer">rowspan

number

規定單元格可橫跨的行數。

標籤的 scope 屬性" rel="noopener noreferrer">scope

col

colgroup

row

rowgroup

定義將表頭資料與單元資料相關聯的方法。

標籤的 valign 屬性" rel="noopener noreferrer">valign

top

middle

bottom

baseline

規定單元格內容的垂直排列方式。

標籤的 width 屬性" rel="noopener noreferrer">width

pixels

% 規定**單元格的寬度。

Html 基礎知識

1 html常用簡單複習 2 文字相關標籤 color size face align 預格式文字,讓文字保持原來風格,英雄本色 特殊字元 3 超連結 href target blank 相對路徑 絕對路徑 c documentsand settings administrator 桌面 nonam...

HTML基礎知識

html標籤分為兩種 單標籤和雙標籤 單標籤 用於一些特殊的含義 br 換行,hr 水平線。雙標籤 用來封裝資料,展示特殊的格式 如一些特殊的字型 大小 顏色 font body html都是以html作為根標籤,然後是head和body。一般head標籤裡去寫title meta標籤。其中titl...

html 基礎知識

html 軟體的結構 c s client server 結構的軟體 比如 qq 極品飛車 飛信 迅雷 cs結構軟體的優點 減輕服務端的壓力,而且可以大量儲存資料在客戶端。b s browser server 結構的軟體 比如 微博 webqq web飛信 web迅雷 缺點 增加了服務端的壓力,bs...