HTML 筆記 表格與按鈕框

表格

標記:
<table></table>:表示一個表格
屬性:table
height
align
border 邊框寬度,取值以px爲單位
bgcolor
cellspacing:單元格外邊距(單元格與單元格 或者單元格與表格之間的距離)
ccellpadding:單元格內邊距(單元格與內容之間的距離)
<tr></tr>:表示表格中的一行
 
<tb></tb>:表示行中的一咧
<th></th>:行/列 標題(加粗,水平居中)
<caption></caption>:表格的標題
該元素必須添加在<table>之下,全部tr之上



表格的複雜使用

行分組
容許將若干行劃分到 一個組中
表頭行分組
容許將第一行的內容單獨分到表頭行分組中
<thead></thead>
表尾行分組
容許將最後行的內容單獨分到表尾行分組中
<tfoot></tfoot>
表主體行分組
<tbody></tbody>>



二、不規則表格建立
一、經過td 跨行和跨列實現不規則的表格
一、跨列
<td colspan=""> 從指定單元格位置處開始,橫向向右,合併掉幾個單元格(包含本身),被合併的單元格要刪除
二、跨行
<td crowspan=""> 從指定單元格位置處開始,縱向向下,合併掉幾個單元格(包含本身),被合併的單元格
三、 表格的嵌套
被嵌套的全部的內容,只能放在td中

 

列表

一、做用:按照必定格式顯示數據
組成:列表聯繫以及列表項



value:最終提交給服務器的中
name:控件的名稱,提供給服務器使用
disaled:禁用控件,該屬性沒有值,只能看,不能改,而且不能交給服務器

 

單選按鈕和複選框:

標記:單選按鈕:<input type="radio"/>
複選框:<inout type="checkbox"/>
文本框:<input type="text"/>
密碼框:<input type="password"/>
提交按鈕:<input type="submit"/>
重置按鈕:<input type="reset"/>
普通按鈕:<input type="buton"/>
文件筐:<input type="file"/>
隱藏域:<input type="hidden"/>
文本域:<textarea>文本</textarea>

 

標籤:表單中的文本,用於控件設置顯示名稱
語法:<ladel for="控件id">文本</ladel>
相關文章
相關標籤/搜索