1.<table></table>:整體表格外邊框的開(kāi)始與結束,控制著(zhù)一個(gè)表格的開(kāi)始與結束。
2.<tr></tr>:表格中一行的開(kāi)始與結束。
3.<td></td>:一行中一個(gè)單元格的開(kāi)始與結束
這三個(gè)標記是定義表格的最重要的標記,可以說(shuō)只學(xué)這三個(gè)已足夠。
<TABLE>的參數設定(常用):
例如:<table width=”400” height=200 border=”1” cellspacing=”2” cellpadding=”2” align=”CENTER” valign=”TOP” background=”” bgcolor=”#0000ff” bordercolor=”#ff00ff” bordercolorlight=”#00ff00” bordercolordark=”#00ffff” cols=”2”>
width=”400”:表格寬度,接受絕對值及相對值
height=200:表格高度
border=”1”:表格邊框厚度,不同瀏覽器有不同的內定值
cellspacing=”2”:?jiǎn)卧耖g距
cellpadding=”2”:?jiǎn)卧襁吘?/span>
align=”CENTER”:表格的排列位置(水平),可選值為:left,right,center
valign=”TOP”:表格內字畫(huà)等的位置(垂直),可選值為:top,middle,bottom
background=””:表格背景圖片
bgcolor=”#0000ff”:表格底色
bordercolor=”#ff00ff”:表格邊框顏色
&nasp:一個(gè)空格
Colspan:合并列
Rowspan:合并行
網(wǎng)頁(yè)中表單的應用
表單就是網(wǎng)站管理員與網(wǎng)站瀏覽者溝通的一個(gè)橋梁,通過(guò)瀏覽者在表單里填上相關(guān)的內容,提交到后臺以后,給管理員進(jìn)行處理。
一、大多數網(wǎng)站都離不開(kāi)表單,如在線(xiàn)購物、在線(xiàn)調查、在線(xiàn)申請等都包含表單,尤其是專(zhuān)業(yè)的電子商務(wù)網(wǎng)站。
一個(gè)完整的表單由兩部分組成:一是我們看到的下拉菜單、文本框,按鈕被稱(chēng)為表單控件。二是包圍在表單控件外圍隱藏的區域,表單域,表單域主要是劃分區域與屬別的,只有有了表單域才能確定當前的表單控件是屬于哪一組的,如果沒(méi)有表單域,便無(wú)法實(shí)現向后臺服務(wù)器進(jìn)行提交的功能。
二、如何添加表單
A、插入面板——表單——單擊表單控件
B、插入——表單——表單(指的表單域)
C、先要在當前位置插入表單域,表單域默認和網(wǎng)頁(yè)同寬。
D、用戶(hù)名:后面插入一個(gè)文本框。
E、敲回車(chē)鍵,表單域自動(dòng)被拉高,輸入密碼:再插入一個(gè)文本框。
F、輸入個(gè)人愛(ài)好:插入復選框
G、輸入性別:插入單選框
H、輸入城市:做一個(gè)下拉菜單
I、輸入一個(gè)“提交”“重置”
三、相關(guān)的知識點(diǎn)
A、選中文本框,下方的屬性:
1類(lèi)型:?jiǎn)涡?,不支持換行。
2密碼:選中后,文本框中的內容是不可見(jiàn)的。
3文本域:名稱(chēng)不能用中文,,如果不起名,文本域中的名稱(chēng)不能刪除,否則文本框就是一個(gè)擺設。
4字符寬度:默認的是24個(gè),控制文本框的長(cháng)度。
5最多字符:空白的,沒(méi)有限制。
6初始值:控制文本框中初始文本是什么。
7多行:選擇多行后,文本框樣式發(fā)生改變,自動(dòng)換行,默認是2行,一次只能看到2行,多余的可以通過(guò)滾動(dòng)條來(lái)看。
8換行:用來(lái)控制換行在文本框中是如何進(jìn)行的。
默認:內容超出文本框的寬度后,默認轉到下一行。
關(guān):關(guān)閉默認功能,文本一直向右輸入,按回車(chē)鍵后才能換行。
虛擬和實(shí)體:會(huì )默認轉到下一行,區別:在向后臺服務(wù)器提交時(shí),會(huì )把換行服務(wù)以其它方式來(lái)進(jìn)行提交
B、復選框的的屬性
1復選按鈕:為這個(gè)復選框命名,每一個(gè)都是獨立的,名稱(chēng)不能一樣,
2選定值:后臺服務(wù)器收到的內容
3初始狀態(tài):已勾選,預覽網(wǎng)頁(yè)時(shí)的出現的內容
C、單選框屬性
1單選按鈕:所有的單選框名稱(chēng)都要相同,如果不同,就沒(méi)有意義,因為只有是一組的,才能一次選一個(gè)。
D、下拉菜單
1列表值:項目標簽是顯示給用戶(hù)選擇的選項,值是傳給后臺的內容。
2初始化:選擇一個(gè),打開(kāi)瀏覽器時(shí)默認就是選定的狀態(tài)
3如果選擇列表:一定要把高度改一下,1是不會(huì )變的
4下拉菜單:顯示時(shí)只有一個(gè),5個(gè)以上用菜單
5列表:一次顯示多個(gè),數據少時(shí)用。
E、按鈕的屬性
1值:控制按鈕的文字
2動(dòng)作:提交表單,有兩個(gè)功能:一是跳轉到指定的后臺程序,二是不僅跳轉,而把表單中所有的數據一起跳轉到相應的程序文件中
3重設:如果內容寫(xiě)錯了,能刷新成默認值或空白的,
4無(wú):沒(méi)有任何功能,只是一個(gè)普通按鈕
F、表單屬性
1表單域:是表單對象的容器,可為表單控件劃分區域與組別
2表單名稱(chēng):在該域中輸入整體表單的名稱(chēng)
3動(dòng)作:在該域中指定處理表單信息的腳本或應用程序,即為表單添加一個(gè)鏈接
4方法:在該下拉菜單中選擇處理表單數據的方式
Post:此種方式是將表單值封裝在消息主體中發(fā)送,適合于發(fā)送大容量的數據
Get:此種方式將提交的表單值追加在URL后面發(fā)送給服務(wù)器的,適合于小容量的數據。
5mime類(lèi)型:在下拉菜單中選擇處理數據的mime編碼類(lèi)型,A開(kāi)頭的通常與post方式傳送的數據相關(guān)聯(lián)。M開(kāi)頭的一般情況下如果要創(chuàng )建上傳文本的文本域則選擇該類(lèi)型
6目標:選擇顯示的窗口,與超鏈接中的目標使用方法相同
網(wǎng)頁(yè)中框架的應用
在網(wǎng)頁(yè)中經(jīng)常會(huì )有一些內容是不需要改變的,如:導航欄、網(wǎng)頁(yè)標題等。就可以使用框架對頁(yè)面進(jìn)行布局。
框架可以簡(jiǎn)單的理解為將顯示窗口劃分為許多子窗口,每個(gè)窗口顯示獨立的文檔,可以使瀏覽者很方便地在不同的頁(yè)面之間跳轉,網(wǎng)站中的BBS論壇以及郵箱的操作界面都是通過(guò)框架來(lái)實(shí)現的。
一、框架:它提供將一個(gè)瀏覽器窗口劃分為多個(gè)區域,每個(gè)區域都可以顯示不同的內容
二、框架的分類(lèi)
1外部框架:主要應用于整體網(wǎng)頁(yè)文檔,可將整個(gè)網(wǎng)頁(yè)劃分為多個(gè)區域,
2內部框架:可對網(wǎng)頁(yè)內部的對象進(jìn)行劃分,例如表格
三、框架集:框架集是HTML文件,它定義一組框架的布局和屬性,包括框架數目、框架的大小和位置,
四、框架集與框架之間的關(guān)系,其實(shí)就是包含與被包含的關(guān)系,
五、創(chuàng )建外部框架
1插入面板——布局分類(lèi)下——單擊下拉菜單
2文件——創(chuàng )建——常規——框架集
3查看——可視化——框架邊框,可以從上左邊拖動(dòng)。拖出線(xiàn)后,再拖此線(xiàn)就是移動(dòng),按住Alt鍵,拖動(dòng)是復制
六、刪除框架:指向要刪除的框架,拖到頁(yè)面外邊即可。
七、如何選擇框架
1按住Alt鍵,單擊相應的框架
2窗口——框架——單擊相應的框架
3Shift+f2單擊相應的邊框或外圍
八、屬性
1名稱(chēng):不能是中文,
2源文件:指定框架顯示的文檔
3滾動(dòng):控制框架是否有滾動(dòng)條出現。一般選擇自動(dòng)
4不能調整大小, 勾選后,不能在瀏覽器中調整當前框架的大小,反之則能改變大小和位置
5邊框:設置是否顯示框架的邊框
6邊框顏色:設置所有邊框的顏色
7邊框寬度、高度:框架邊框的寬、高度,空白為0
8百分比:指定所選擇的行或列相對于框架集大小的百分比
9相對單位:在指定像素和百分比空間后分配剩余的框架空間
九、可能有的瀏覽器不支持框架,應如何設置
修改——框架頁(yè)——編輯無(wú)框架內容,一般會(huì )寫(xiě):對不起,您當前所使用的瀏覽器版本過(guò)低,無(wú)法顯示該頁(yè)的內容,請更新瀏覽器。完成后,再選擇修改——框架頁(yè)——編輯無(wú)框架內容,(此操作不支持保存)
十、也可以在代碼中編寫(xiě)
<noframes></noframes>編寫(xiě)
十一、內部框架的作用
外部框架是將整體網(wǎng)頁(yè)拆分成若干個(gè)獨立的區域,如果將里面的一個(gè)部分再進(jìn)行拆分,外部框架無(wú)法完成,而內部則可以,內部框架通常都是在后臺用源代碼來(lái)實(shí)現的
書(shū)寫(xiě)的代碼格式為:
<iframe src=文件路徑 frameborder=0/1 scrlling=no/yes/auto with=寬度 heigh=高度 name=名稱(chēng)></iframe>動(dòng)畫(huà)1:花 動(dòng)畫(huà)2:水滴
Frameborder:0代表無(wú)邊框,1代表有邊框
Scrlling:設置是否有滾動(dòng)條
聯(lián)系客服