HTML之Table表單的屬性以及用法

2021-08-17 18:05:15 字數 1282 閱讀 2770

一、**的常用屬性

(1)table的常用屬性

1.width、height  定義**的長和寬

2.align   是整個**相對于父元素的對齊方式

3.border   整個**外圍的的邊界寬度

4.cellspacing   單元格外邊距,即單元格之間的間距   預設不為0

5.cellpadding   單元格內邊距,即單元格中的內容與邊界的距離

6.bgcolor   背景顏色

(2)tr標籤的常用屬性

1.align   該行的內容,水平對齊方式

2.valign   改行的內容,垂直對齊方式

3.bgcolor  每行的背景顏色

(3)td標籤的常用屬性

1.width

2.height

3.align

4.valign

5.bgcolor

6.colspan   合併水平單元格

7.rowspan   合併垂直單元格

(4)th標籤  該標籤的作用和td差不多,不同的是該標籤中的內容是列的標題

(5)caption標籤   該標籤的作用就是給**設定題目  直接使用標題名稱

(6)thead標籤  表頭

(7)tbody  表主題

(8)tfoot  表尾

ps:可以將**整體分為三部分thead、tbody、tfoot,如果使用時不加以使用,則預設**內容都在tbody該部分中

二、使用--------至多乙個菜譜

星期一菜譜

素菜青草茄子

花椒土豆

小蔥豆腐

炒白菜葷菜

魚香肉絲

油燜大蝦

海參鮑魚

宮保雞丁

說明:table標籤裡面的屬性:建立乙個高為180,寬為400,邊界線大小為1,表內單元格間的間距為0,單元格和單元格內部的內容的間距為3的乙個**,並且**相對于父元素居中對齊

tr標籤的屬性:每行資料內容都居中對齊

td標籤的屬性:colspan=3該屬性可以使得該單元格占用原來水平三個單元格的大小位置,rowspan=2該屬性可以使得該單元格占用原來垂直單元格倆個位置大小

效果圖:

ps:1.如果不設定是**整個的高度,,那每行資料上下之間顯得擠壓,因為不設定就是自適應,只要把內容正好顯示出來,當然要想改變行高也不止改變**高度這個唯一方法,還有很多方法,只是在則例說一下自適應的問題

HTML 表單之表單的屬性

在網頁製作過程中,時常會用到表單。form雙標籤被用來建立乙個表單,在form雙標籤中可以設定表單的基本屬性。真正處理表單的資料指令碼或程式在action屬性裡,這個值可以是程式或指令碼的乙個完整url。語法 action 表單的處理程式 form 語法中,表單的處理程式定義的表單是要提交的位址,也...

table表單中的屬性

屬性 標籤裡需要設定的屬性 border 的邊框。比如,border 1,表示 邊框的粗細為1個畫素,為0表示沒有邊框。cellspacing 單元格間距。當乙個 有多個單元格時,各單元格的距離就是cellspacing,只有乙個單元格,這個單元格與 上 下 左 右邊邊框的距離也是cellspaci...

HTML之form表單ENCTYPE屬性解析

伺服器需要將傳送的多 資料的型別告訴瀏覽器,而告訴瀏覽器的手段就是告知多 的mime型別。form表單中的enctype屬性,可以告訴伺服器,我們提供給它的內容的mime型別。enctype屬性有三種狀態值 資料傳送到伺服器之前,所有字元都會進行編碼 空格轉換為 加號,特殊符號轉換為 ascii h...