电竞比分网-中国电竞赛事及体育赛事平台

分享

HTML中表格的制作與編輯

 清勤居士 2008-12-11

1.<table></table>:整體表格外邊框的開始與結束,控制著一個表格的開始與結束。

2.<tr></tr>:表格中一行的開始與結束。

3.<td></td>:一行中一個單元格的開始與結束

這三個標記是定義表格的最重要的標記,可以說只學這三個已足夠。

<TABLE>的參數(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”:表格寬度,接受絕對值及相對值

height=200:表格高度

border=”1”:表格邊框厚度,不同瀏覽器有不同的內定值

cellspacing=”2”:單元格間距

cellpadding=”2”:單元格邊距

align=”CENTER”:表格的排列位置(水平),可選值為:left,right,center

valign=”TOP”:表格內字畫等的位置(垂直),可選值為:top,middle,bottom

background=””:表格背景圖片

bgcolor=”#0000ff”:表格底色

bordercolor=”#ff00ff”:表格邊框顏色

&nasp:一個空格

Colspan:合并列

Rowspan:合并行

網(wǎng)頁中表單的應用

 

表單就是網(wǎng)站管理員與網(wǎng)站瀏覽者溝通的一個橋梁,通過瀏覽者在表單里填上相關的內容,提交到后臺以后,給管理員進行處理。

一、大多數(shù)網(wǎng)站都離不開表單,如在線購物、在線調查、在線申請等都包含表單,尤其是專業(yè)的電子商務網(wǎng)站。

一個完整的表單由兩部分組成:一是我們看到的下拉菜單、文本框,按鈕被稱為表單控件。二是包圍在表單控件外圍隱藏的區(qū)域,表單域,表單域主要是劃分區(qū)域與屬別的,只有有了表單域才能確定當前的表單控件是屬于哪一組的,如果沒有表單域,便無法實現(xiàn)向后臺服務器進行提交的功能。

二、如何添加表單

A、插入面板——表單——單擊表單控件

B、插入——表單——表單(指的表單域)

C、先要在當前位置插入表單域,表單域默認和網(wǎng)頁同寬。

D、用戶名:后面插入一個文本框。

E、敲回車鍵,表單域自動被拉高,輸入密碼:再插入一個文本框。

F、輸入個人愛好:插入復選框

G、輸入性別:插入單選框

H、輸入城市:做一個下拉菜單

I、輸入一個“提交”“重置”

三、相關的知識點

A、選中文本框,下方的屬性:

1類型:單行,不支持換行。

2密碼:選中后,文本框中的內容是不可見的。

3文本域:名稱不能用中文,,如果不起名,文本域中的名稱不能刪除,否則文本框就是一個擺設。

4字符寬度:默認的是24個,控制文本框的長度。

5最多字符:空白的,沒有限制。

6初始值:控制文本框中初始文本是什么。

7多行:選擇多行后,文本框樣式發(fā)生改變,自動換行,默認是2行,一次只能看到2行,多余的可以通過滾動條來看。

8換行:用來控制換行在文本框中是如何進行的。

默認:內容超出文本框的寬度后,默認轉到下一行。

關:關閉默認功能,文本一直向右輸入,按回車鍵后才能換行。

虛擬和實體:會默認轉到下一行,區(qū)別:在向后臺服務器提交時,會把換行服務以其它方式來進行提交

B、復選框的的屬性

1復選按鈕:為這個復選框命名,每一個都是獨立的,名稱不能一樣,

2選定值:后臺服務器收到的內容

3初始狀態(tài):已勾選,預覽網(wǎng)頁時的出現(xiàn)的內容

C、單選框屬性

1單選按鈕:所有的單選框名稱都要相同,如果不同,就沒有意義,因為只有是一組的,才能一次選一個。

D、下拉菜單

1列表值:項目標簽是顯示給用戶選擇的選項,值是傳給后臺的內容。

2初始化:選擇一個,打開瀏覽器時默認就是選定的狀態(tài)

3如果選擇列表:一定要把高度改一下,1是不會變的

4下拉菜單:顯示時只有一個,5個以上用菜單

5列表:一次顯示多個,數(shù)據(jù)少時用。

E、按鈕的屬性

1值:控制按鈕的文字

2動作:提交表單,有兩個功能:一是跳轉到指定的后臺程序,二是不僅跳轉,而把表單中所有的數(shù)據(jù)一起跳轉到相應的程序文件中

3重設:如果內容寫錯了,能刷新成默認值或空白的,

4無:沒有任何功能,只是一個普通按鈕

F、表單屬性

1表單域:是表單對象的容器,可為表單控件劃分區(qū)域與組別

2表單名稱:在該域中輸入整體表單的名稱

3動作:在該域中指定處理表單信息的腳本或應用程序,即為表單添加一個鏈接

4方法:在該下拉菜單中選擇處理表單數(shù)據(jù)的方式

Post:此種方式是將表單值封裝在消息主體中發(fā)送,適合于發(fā)送大容量的數(shù)據(jù)

Get:此種方式將提交的表單值追加在URL后面發(fā)送給服務器的,適合于小容量的數(shù)據(jù)。

5mime類型:在下拉菜單中選擇處理數(shù)據(jù)的mime編碼類型,A開頭的通常與post方式傳送的數(shù)據(jù)相關聯(lián)。M開頭的一般情況下如果要創(chuàng)建上傳文本的文本域則選擇該類型

6目標:選擇顯示的窗口,與超鏈接中的目標使用方法相同

網(wǎng)頁中框架的應用

 

在網(wǎng)頁中經(jīng)常會有一些內容是不需要改變的,如:導航欄、網(wǎng)頁標題等。就可以使用框架對頁面進行布局。

框架可以簡單的理解為將顯示窗口劃分為許多子窗口,每個窗口顯示獨立的文檔,可以使瀏覽者很方便地在不同的頁面之間跳轉,網(wǎng)站中的BBS論壇以及郵箱的操作界面都是通過框架來實現(xiàn)的。

一、框架:它提供將一個瀏覽器窗口劃分為多個區(qū)域,每個區(qū)域都可以顯示不同的內容

二、框架的分類

1外部框架:主要應用于整體網(wǎng)頁文檔,可將整個網(wǎng)頁劃分為多個區(qū)域,

2內部框架:可對網(wǎng)頁內部的對象進行劃分,例如表格

三、框架集:框架集是HTML文件,它定義一組框架的布局和屬性,包括框架數(shù)目、框架的大小和位置,

四、框架集與框架之間的關系,其實就是包含與被包含的關系,

五、創(chuàng)建外部框架

1插入面板——布局分類下——單擊下拉菜單

2文件——創(chuàng)建——常規(guī)——框架集

3查看——可視化——框架邊框,可以從上左邊拖動。拖出線后,再拖此線就是移動,按住Alt鍵,拖動是復制

六、刪除框架:指向要刪除的框架,拖到頁面外邊即可。

七、如何選擇框架

1按住Alt鍵,單擊相應的框架

2窗口——框架——單擊相應的框架

3Shift+f2單擊相應的邊框或外圍

八、屬性

1名稱:不能是中文,

2源文件:指定框架顯示的文檔

3滾動:控制框架是否有滾動條出現(xiàn)。一般選擇自動

4不能調整大小, 勾選后,不能在瀏覽器中調整當前框架的大小,反之則能改變大小和位置

5邊框:設置是否顯示框架的邊框

6邊框顏色:設置所有邊框的顏色

7邊框寬度、高度:框架邊框的寬、高度,空白為0

8百分比:指定所選擇的行或列相對于框架集大小的百分比

9相對單位:在指定像素和百分比空間后分配剩余的框架空間

九、可能有的瀏覽器不支持框架,應如何設置

修改——框架頁——編輯無框架內容,一般會寫:對不起,您當前所使用的瀏覽器版本過低,無法顯示該頁的內容,請更新瀏覽器。完成后,再選擇修改——框架頁——編輯無框架內容,(此操作不支持保存)

十、也可以在代碼中編寫

<noframes></noframes>編寫

十一、內部框架的作用

外部框架是將整體網(wǎng)頁拆分成若干個獨立的區(qū)域,如果將里面的一個部分再進行拆分,外部框架無法完成,而內部則可以,內部框架通常都是在后臺用源代碼來實現(xiàn)的

書寫的代碼格式為:

<iframe src=文件路徑 frameborder=0/1 scrlling=no/yes/auto with=寬度 heigh=高度 name=名稱></iframe>動畫1:花 動畫2:水滴

Frameborder:0代表無邊框,1代表有邊框

Scrlling:設置是否有滾動條

    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內容均由用戶發(fā)布,不代表本站觀點。請注意甄別內容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權內容,請點擊一鍵舉報。
    轉藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多