1. 程式人生 > >真正零基礎學習HTML(二)

真正零基礎學習HTML(二)

webhtml基礎

Html表格

一、table標簽
<table border="1" align="center" cellspacing="1" cellpadding="16" bgcolr="">
<tr>
<th><th>
<td><td>
</tr>
</table>
1、Tabl屬性
(1)tr:行(table row)
(2)td:列 (table data)
(3)th:表格的表頭名稱,與<td>不同在於文字采用加粗居中的形式顯示(table head)

(4)table表格
(5)border邊框尺寸
(6)cellspacing單元格間距
(7)cellpadding內容和單元格邊框距離
(8)align="center"居中屬性
(9)bgcolor背景顏色
(10)width表格的寬度,可以用%或者像素,
(11)caption表格的標題
(12)rowspan單元格豎跨多少行,作用在th或者td上
(13)colspan單元格橫跨多少列(即合並單元格),作用在th或者td上
二、<form>表單標簽
1、Form屬性
(1)action表單要提交的地址,用於處理表單的內容。
(2)method提交的方法,默認是get方式提交。
(3)get:1.提交的鍵值對.放在地址欄中url後面. 2.安全性相對較差. 3.對提交內容的長度有限制.
(4)post:1.提交的鍵值對不在地址欄. 2.安全性相對較高. 3.對提交內容的長度理論上無限制.
三、表單元素
1、input type標簽
(1)text文本框輸入(默認text文本框類型)。
(2)password密碼框。(以下屬性text和password共有)
(3)maxlength(type為text或password時,表示輸入的最大字符數),有利於防止sql的註入攻擊
(4)radio單選按鈕。屬性:
?name(將name的值設置為相同值,才表示一組數據,才能實現單選功能)
?value(必須要寫,提交到服務器的key值,實際開發過程中value一般是編號)
?checked(是否被選中的狀態)
?(5)checkbox復選框。
name(名字一定要一樣一樣的,才表示是一組數據,添加到同一value值列表提交到服務器)value提交到服務器的key值
checked(是否被選中的狀態)
(6)file文件域,上傳文件
(7)submit提交按鈕,用於提交表單
(8)reset重置按鈕,清空表單的輸入,恢復到表單默認的狀態
(9)button普通按鈕
(10)image圖片按鈕,用來提交表單,與submit是一樣的效果src(圖片路徑)
(11)hidden隱藏字段。
(12)value隱藏的內容
(13)name表單提交項的key
(14)cols(設置文本域寬度)
(15)rows(設置文本域高度,即行數)
三、<select> 下拉框標簽
1、(1)name:表單提交項的key
(2)size:選項個數
(3)multiple:多選
(4)<option> 下拉選中的每一項
(5)value(表單提交項的值)
(6)selected(selected下拉選默認被選中)
2、value: 表單提交項的值
對於不同的輸入類型,value 屬性的用法也不同:
??? type="button", "reset", "submit" - 定義按鈕上的顯示的文本
??? type="text", "password", "hidden" - 定義輸入字段的初始值
??? type="checkbox", "radio", "image" - 定義與輸入相關聯的值

                         框架

一、<frameset> 框架
1、用來劃分窗體,不能放在<body>中,否則沒有效果。
(1)cols(縱向分割頁面。其數值表示方法有三種:“30%、30(或者30px)、”;數值的個數代表分成的視窗數目且數值之間用“,”隔開。“30%”表示該框架區域占全部瀏覽器頁面區域的30%;“30”表示該區域橫向寬度為30像素;“”表示該區域占用余下頁面空間。例如:cols="25%,200," 表示將頁面分為三部分,左面部分占頁面30%,中間橫向寬度為200像素,頁面余下的作為右面部分。)
(2)rows橫向分割頁面。屬性和cols一樣
(3)frameborder設置是否顯示框架邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框)
(4)border框架之間的距離,一般設置為0
(5)bordercolor邊框的顏色
(6)framespacing設置框架與框架間的保留的空白距離
<frameset cols="40%,
,"> 第一個框架占整個瀏覽器窗口的40%,剩下的空間平均分配給另外兩個框架。
<frameset cols="
,,,*"> 瀏覽器窗口等分為四部分。
二、<iframe> 框架
(1)name設置框架名稱。此為必須設置的屬性
(2)src設置此框架要顯示的網頁名稱或路徑。此為必須設置的屬性
(3)scrolling設置是否要顯示滾動條。設定值為auto, yes, no
(4)bordercolor 設置框架的邊框顏色
(5)frameborder 設置是否顯示框架邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框
(6)noresize 設置框架大小是否能手動調
(7)marginwidth 設置框架邊界和其中內容之間的寬度
(8)marginhight 設置框架邊界和其中內容之間的高度
(9)width設置框架寬度
(10)height 設置框架高

真正零基礎學習HTML(二)