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