html&css學(xué)習(xí)二

simpleapples 發(fā)布于2019-04-22 16:34 / 1253人閱讀

摘要：用于定義表格中的單元格，必須嵌套在標(biāo)簽中，一對(duì)中包含幾對(duì)，就表示該行中有多少列或多少個(gè)單元格。表格的屬性合并單元格跨行合并跨列合并將多個(gè)內(nèi)容合并的時(shí)候，就會(huì)有多余的東西，把它刪除。用于設(shè)置表單數(shù)據(jù)的提交方式，其取值為或。

table用于定義一個(gè)表格。 tr 用于定義表格中的一行，必須嵌套在 table標(biāo)簽中，在 table中包含幾對(duì) tr，就有幾行表格。

td /td：用于定義表格中的單元格，必須嵌套在標(biāo)簽中，一對(duì) 中包含幾對(duì)，就表示該行中有多少列（或多少個(gè)單元格）。

表格的屬性

合并單元格

跨行合并：rowspan 跨列合并：colspan 將多個(gè)內(nèi)容合并的時(shí)候，就會(huì)有多余的東西，把它刪除。例如把 3個(gè) td 合并成一個(gè)，那就多余了2個(gè)，需要?jiǎng)h除。公式：刪除的個(gè)數(shù) = 合并的個(gè)數(shù) - 1

合并的順序先上后下先左后右先確定是跨行還是跨列合并根據(jù) 先上后下先左后右的原則找到目標(biāo)單元格

刪除單元格刪除的個(gè)數(shù) = 合并的個(gè)數(shù) - 1

body !-- cellspacing 單元格和單元格之間的距離 -- !-- cellpadding 單元格內(nèi)容距離單元邊框的距離 -- table width= 500 border= 1 align= center cellspacing= 0 cellpadding= 0 caption 個(gè)人信息表 /caption 表格標(biāo)題 th 姓名 /th th 性別 /th th 電話 /th /tr td 張三 /td td 女 /td td 1111111115 /td /tr td 李四 /td td 男 /td td 150330123456 /td /tr /table /body

合并單元格

body table width= 400 height= 100 border= 1 td 123 /td td abc /td td abc /td /tr td colspan= 2 123 /td td 測(cè)試 /td /tr td 123 /td td abc /td td abc /td /tr /table 1. 先確認(rèn)跨列合并 colspan 2. 先上后下先左右后 3. 刪除的個(gè)數(shù) table width= 400 height= 100 border= 1 td 123 /td td abc /td td rowspan= 3 abc /td /tr td 123 /td td 123 /td /tr td 123 /td td abc /td /tr /table 1. 先確認(rèn)跨行合并 rowspan 2. 先上后下先左右后 3. 刪除的個(gè)數(shù) /body input控件

在上面的語法中， input / 標(biāo)簽為單標(biāo)簽，type屬性為其最基本的屬性類型，其取值有多種，用于指定不同的控件類型

body table width= 600 border= 0 cellspacing= 0 cellpadding= 0 align= center caption h4 注冊(cè)會(huì)員 /h4 /caption td 地區(qū) /td td input type= text value= 上海 / /td /tr td 用戶名 /td td input type= text value= 張三 / /td /tr td 密碼 /td td input type= password value= 120 / /td /tr td 性別 /td 男 input type= radio name= sex checked= checked / 女 input type= radio name= sex / /td /tr td 愛好 /td 籃球 input type= checkbox checked= checked / 足球 input type= checkbox / 羽毛球 input type= checkbox / 乒乓球 input type= checkbox / /td /tr td /td input type= button value= 注冊(cè) / input type= submit value= 提交 / input type= reset value= 重置 / /td /tr td /td input type= image src= btn.png / /td /tr td 上傳文件 /td input type= file s/ /td /tr /table /body form表單 form action= url地址 method= 提交方式 name= 表單名稱各種表單控件 /form

常用屬性：

Action 在表單收集到信息后，需要將信息傳遞給服務(wù)器進(jìn)行處理，action屬性用于指定接收并處理表單數(shù)據(jù)的服務(wù)器程序的url地址。 method 用于設(shè)置表單數(shù)據(jù)的提交方式，其取值為get或post。 name 用于指定表單的名稱，以區(qū)分同一個(gè)頁面中的多個(gè)表單 body form action= method= post 用戶名: input type= text name= zhangsan value= 用戶名 br / br / 密碼: input type= password name= password1 br / br / 密碼: input type= password name= password2 br / br / input type= submit value= 提交所填 input type= reset value= 重新填寫 /form