html 之table標籤結構學習

2022-05-11 12:34:42 字數 1129 閱讀 6619

一、html table標籤結構

html 中table標籤的結構情況,如下所示:

二、html中**元素table,tr,td及屬性的語法

(1)table:**元素及屬性

屬性說明

width

**寬度,單位為%或象素

border

**邊框線的粗細

cellspacing

**間距

cellpadding

**邊距

bgcolor

**背景顏色

bordercolor

**邊框線的顏色

align

**的對齊方式:

居中center 左對齊left  右對齊right

(2)屬性說明舉例:

以下**可以直接複製貼上執行,通過執行結果我們可以更感謝的認識下table這個結構標籤。

<

table

width

="80%"

border

="1"

cellspacing

="1"

cellpadding

="4"

bgcolor

="#cc99ff"

bordercolor

="#0000ff"

align

="center"

>

<

tr>

<

td> td

>

<

td> td

>

<

td> td

>

tr>

<

tr>

<

td> td

>

<

td> td

>

<

td> td

>

tr>

table

>

其他:tr:行元素

td:列元素

tr,td元素的屬性基本相同,但增加行合併屬性colspan="2" 和 列合併屬性rowspan="2"。

html中table標籤及其它標籤居中

使用margin外邊距屬性,讓其上下左右自動均分剩餘空間,就會使其標籤居中顯示 例如table標籤 border 1 cellpadding 15px cellspacing 0 style margin auto 效果 text align 屬性規定元素中的文字的水平對齊方式,結合margin來使...

動態建立HTML之Table

在頁面上的html伺服器控牛的宣告和普通的靜態html標籤的宣告一樣,使用附加的runat server 特性,充高爾夫asp.net處理伺服器類,並把它們翻譯成對應的.net類的例項。在page load事件中新增如下 protected void page load object sender,...

HTML標籤之表單標籤

1 表單標籤 表單是乙個包含表單元素的區域。表單元素是允許使用者在表單中 比如 文字域 下拉列表 單選框 核取方塊等等 輸入資訊的元素。屬性 action 介面位址 method get post name 表單名稱 2 表單控制項 屬性 type 控制項型別 name 屬性標識表單域的名稱 val...