Web前端開發之HTML+CSS基礎入門(框架)
1)什麽是框架
框架將瀏覽器劃分成不同的部分，每一部分加載不同的網頁，實現在同一瀏覽器窗口中加載多個頁面的效果
2) <frameset>劃分框架標記
a)?語法格式
<frameset>....</frameset>
b)?屬性
cols: 使用“像素數”和%分割左右窗口，“”表示剩余部分, 如果使用“”，“”表示框架平均分成2個, 如果使用“”，“”，“”表示框架平均分成3個
rows: 使用“像素數”和%分割上下窗口，“*”表示剩余部分
frameborder: 指定是否顯示邊框，0不顯示，1顯示
border: 設置邊框的大小，默認值5像素
c)?<frame>子窗口標記
<frame>標記是一個單標記，該標記必須放在<frameset>中使用，在<frameset>中設置了幾個窗口，就必須對應使用幾個<frame>框架，而且還必須使用src屬性指定一個網頁
屬性:
src: 加載網頁文件的URL地址
name: 框架名稱，是鏈接標記的target所要參數
noresize: 表示不能調整框架大小，沒有設置時就可以調整
scrolling:是否需要滾動條
值: auto根據需要自動出現
Yes:有 no:無
Frameborder:是否需要邊框
值:（1） 顯示邊框(0) 不顯示邊框
11.HTML表單設計(上)
1)表單標記
<form>...</form>
<form></form>定義表單的開始位置和結束位置，表單提交時的內容就是<form>表單中的內容
基本格式: <form action="服務器端地址（接受表單內容的地址）" name="表單名稱" method="post|get">...</form>
常用屬性:
name:表單名稱
method:
post: post方式提交時，將表單中的數據一並包含在表單主體中，一起傳送到服務器中處理，沒有數據大小限制
get: get方式提交時，會將表單的內容附加在URL地址的後面，所以限制了提交的內容的長度，不超過8192個字符，且不具備保密性
action: 表單數據的處理程序的URL地址，如果為空則使用當前文檔的URL地址，如果表單中不需要使用action屬性也要指定其屬性為“no”
enctype: 設置表單的資料的編碼方式
target: 和超鏈接的屬於類似，用來指定目標窗口
2)文本域和密碼
<input>標記: <input>標記沒有結束標記
基本語法: <input type="" name=""value="" size="" maxlength="">
屬性介紹:
type屬性:
text: 當type="text"時，<input>表示一個文本輸入域
password: 當type="password"時，<input>表示一個密碼輸入域
name屬性: 定義控件的名稱
value屬性: 初始化值，打開瀏覽器時，文本框中的內容
size屬性:設置控件的長度
maxlength: 輸入框中最大允許輸入的字符數
3) 提交、重置、普通按鈕
1.提交按鈕:當<input type="submit">時，為提交按鈕
2.重置按鈕:當<inputtype="reset">時，為重置按鈕
3.普通按鈕:當<inputtype="button">時，為普通按鈕
4）單選框和復選框
單選按鈕:當<inputtype="radio">時，為單選按鈕
復選按鈕:當<inputtype="checkbox">時，為復選框
註意: 單選框和復選框都可以使用”cheked“屬性來設置
默認選中項
5）隱藏域
當<input type="hidden">時，為隱藏表單域
6）多行文本域
使用<textarea>標記可以實現一個，能夠輸入多行文本的區域
語法格式: <textarea name="name"rows="value" cols="value" value="value"> ...... <textarea>
rows屬性和cols屬性分別用來指定，顯示的行數和列數，單位是字符個數
7）菜單下拉列表域
<select>標記
語法格式:
<selectname="" size="value" multiple>
<option value="value"selected>選項1</option>
<optionvalue="value">選項2</option>
<optionvalue="value">選項3</option>
...... ...
</select>
屬性:
multiple屬性: multiple屬性不用賦值，其作用是，表示用可以多選的下來列表，如果沒有這個屬性就只能單選
size屬性: 設置列表的高度
name屬性:定義列表的名稱
option標記:
<option>標記用來指定列表中的一個選項，需要放在<select></select>之間
值:
value: 給選項賦值，指定傳送到服務器上面的值
selected: selected指定默認的選項
51cto地址http://blog.51cto.com/n1lixing
牛客影院http://www.ldxzs.top/shipin/shipin/
Web前端開發之HTML+CSS基礎入門(框架)