国产毛片午夜福利,国产黄网,国产亚洲天堂,97国产精品

  •  
    網(wǎng)絡(luò)編輯必讀手冊3:HTML語言大全
    發(fā)布時間:2008-06-05   瀏覽次數(shù):1182104
    網(wǎng)絡(luò)編輯必讀手冊3:HTML語言大全 如何創(chuàng)建HTML表格 HTML表格用表示。一個表格可以分成很多行(row),用表示;每行又可以分成很多單元格(cell),用表示。 這三個Tag是創(chuàng)建表格最常用的Tag。 示例 border屬性 在缺省情況下,如果不設(shè)置表格的邊界,表格是不顯示邊界的。 示例:不顯示邊界的表格 要顯示表格的邊界,可使用border這個屬性。 示例:顯示邊界的表格 表格的表頭 用來表示表格的表頭,表頭的字是粗體顯示的。 示例: 有表頭的表格 空的單元格 如果表格的單元格之間沒有內(nèi)容,那么這個單元格的邊界是不會被顯示出來的,盡管整個表格已設(shè)置邊界值。要顯示這個單元格的邊界,可以插入一個空格符。 示例 更多示例 有標(biāo)題的表格 這個示例演示如何用在一個表格上加上標(biāo)題。 包含多列或多行的單元格 這個示例演示如何用colspan,rowspan設(shè)置多列或者多行的單元格。 單元格里的內(nèi)容 這個例子演示單元格里面的內(nèi)容。單元格的內(nèi)容可以是文字,圖片,超鏈接,F(xiàn)orm,表格等。 單元格內(nèi)容與單元格邊界之間的距離 這個示例教你如何用cellpadding這個屬性設(shè)置單元格內(nèi)容與單元格邊界之間的距離。 單元格之間的距離 這個示例教你如何用cellspacing這個屬性設(shè)置單元格之間的距離 設(shè)置表格的背景顏色和背景圖片 這個示例演示如何用bgcolor屬性設(shè)置表格的背景顏色,如何用background屬性為表格添加背景圖片。 設(shè)置單元格的背景顏色和背景圖片 這個示例演示如何用bgcolor屬性設(shè)置單元格的背景顏色,如何用background屬性為單元格添加背景圖片。 單元格內(nèi)容的對齊方式 這個示例教你如何用align屬性設(shè)置單元格的對齊方式。 HTML框架(Frames) 使用框架(Frame),你可以在瀏覽器窗口同時顯示多個網(wǎng)頁。每個Frame里設(shè)定一個網(wǎng)頁,每個Frame里的網(wǎng)頁相互獨立。 Frameset 決定如何劃分Frame。有cols屬性和rows屬性。使用cols屬性,表示按列分布Frame;使用rows屬性,表示按行分布Frame。 Frame 用這個Tag設(shè)定網(wǎng)頁。里有src屬性,src值是網(wǎng)頁的路徑和文件名。 下面的代碼的目的是:將Frameset分成2列,列25%,表示列的寬度是窗口寬度的25%;第二列75%,表示列的寬度是窗口寬度的75%。列中顯示a.html,第二列中顯示b.html。 Iframe Iframe是Inline Frame的意思,用可以將Frame置于一個HTML文件內(nèi)。 示例 列分Frame 這個例子顯示如何在瀏覽器里同時顯示三個網(wǎng)頁,三個網(wǎng)頁是按列分布的。 行分Frame 這個例子顯示如何在瀏覽器里同時顯示三個網(wǎng)頁,三個網(wǎng)頁是按行分布的。 混合Frameset 這個例子既用到了cols屬性,又用到了rows屬性,將Frame進行靈活分布。 Frameset中的noresize屬性 使用Noresize屬性可以確保Frame的大小。如果不使用noresize屬性,你可以用鼠標(biāo)移動Frame的邊界,來改變Frame的大小,如果設(shè)置了noresize屬性,不能移動邊界了。 Frame用于導(dǎo)航 這個例子演示如何建立一個用于導(dǎo)航的Frame。這個導(dǎo)航Frame包含一個HTML,這個HTML(代碼如下)包含了一個網(wǎng)頁列表。點擊網(wǎng)頁列表中的任何一項,會在第二個Frame中顯示點擊中的網(wǎng)頁。 humorlist.html 笑話一 笑話二 笑話三 Iframe的使用 這個例子顯示如何在一個HTML文件里用iframe嵌入一個網(wǎng)頁。 HTML列表(Lists) HTML有三種列表形式:排序列表(Ordered List);不排序列表(Unordered List);定義列表(Definition List)。 排序列表(Ordered List) 排序列表中,每個列表項前標(biāo)有數(shù)字,表示順序。 排序列表由開始,每個列表項由開始。 排序列表示例 不排序列表(Unordered List) 不排序列表不用數(shù)字標(biāo)記每個列表項,而采用一個符號標(biāo)志每個列表項,比如圓黑點。 不排序列表由開始,每個列表項由開始。 不排序列表示例 定義列表 定義列表通常用于術(shù)語的定義。 定義列表由開始。術(shù)語由開始,英文意為Definition Term。術(shù)語的解釋說明,由開始,里的文字縮進顯示。 定義列表示例 更多示例 不同類型(Type)的排序列表 這個例子顯示如何用Type屬性設(shè)置排序列表項前的符號。 不同類型(Type)的不排序列表 這個例子顯示如何用Type屬性設(shè)置不排序列表項前的符號。 嵌套的列表 列表里可以含有子列表。通常用這種嵌套的列表,反映層次較多的內(nèi)容。 HTML表單(Forms) HTML表單(Form)是HTML的一個重要部分,主要用于采集和提交用戶輸入的信息。 舉個簡單的例子,一個讓用戶輸入姓名的HTML表單(Form)。示例代碼如下: 請輸入你的姓名: 演示示例 學(xué)習(xí)HTML表單(Form)最關(guān)鍵要掌握的有三個要點: 表單控件(Form Controls) Action Method 先說表單控件(Form Controls),通過HTML表單的各種控件,用戶可以輸入文字信息,或者從選項中選擇,以及做提交的操作。比如上面的例句里,input type= "text"是一個表單控件,表示一個單行輸入框。 用戶填入表單的信息總是需要程序來進行處理,表單里的action指明了處理表單信息的文件。比如上面例句里的http://www.admin5.com/html/asdocs/html_tutorials/yourname.asp。 至于method,表示了發(fā)送表單信息的方式。method有兩個值:get和post。get的方式是將表單控件的name/value信息經(jīng)過編碼之后,通過URL發(fā)送(你可以在地址欄里看到)。而post則將表單的內(nèi)容通過http發(fā)送,你在地址欄看不到表單的提交信息。那什么時候用get,什么時候用post呢?一般是這樣來判斷的,如果只是為取得和顯示數(shù)據(jù),用get;一旦涉及數(shù)據(jù)的保存和更新,那么建議用post。 HTML表單(Form)常用控件(Controls) HTML表單(Form)常用控件有: 表單控件(Form Contros) 說明 input type="text" 單行文本輸入框 input type="submit" 將表單(Form)里的信息提交給表單里action所指向的文件 input type="checkbox" 復(fù)選框 input type="radio" 單選框 select 下拉框 textArea 多行文本輸入框 input type="password" 密碼輸入框(輸入的文字用*表示) 表單控件(Form Control):單行文本輸入框(input type="text") 單行文本輸入框允許用戶輸入一些簡短的單行信息,比如用戶姓名。例句如下: 演示示例 表單控件(Form Control):復(fù)選框(input type="checkbox") 復(fù)選框允許用戶在一組選項里,選擇多個。示例代碼:蘋果桔子芒果 演示示例 用checked表示缺省已選的選項。桔子 演示示例 表單控件(Form Control):單選框(input type="radio") 使用單選框,讓用戶在一組選項里只能選擇一個。示例代碼:蘋果桔子芒果 演示示例 用checked表示缺省已選的選項。桔子 演示示例 表單控件(Form Control):下拉框(select) 下拉框(Select)既可以用做單選,也可以用做復(fù)選。單選例句如下: 蘋果 桔子 芒果 演示示例 如果要變成復(fù)選,加muiltiple即可。用戶用Ctrl來實現(xiàn)多選。例句: 演示示例 用戶還可以用size屬性來改變下拉框(Select)的大小。 演示示例 表單控件(Form Control):多行輸入框(textarea) 多行輸入框(textarea)主要用于輸入較長的文本信息。例句如下: 其中cols表示textarea的寬度,rows表示textarea的高度。 演示示例 表單控件(Form Control):密碼輸入框(input type="password") 密碼輸入框(input type="password")主要用于一些保密信息的輸入,比如密碼。因為用戶輸入的時候,顯示的不是輸入的內(nèi)容,而是黑點符號。。例句如下: 演示示例 表單控件(Form Control):提交(input type="submit") 通過提交(input type=submit)可以將表單(Form)里的信息提交給表單里action所指向的文件。例句如下: 演示示例 表單控件(Form Control):圖片提交(input type="image") input type=image 相當(dāng)于 input type=submit,不同的是,input type=image 以一個圖片作為表單的提交按鈕,其中 src 屬性表示圖片的路徑。 演示示例 如何編寫 ASP 網(wǎng)頁獲取 HTML 表單的提交信息,請參見教程:ASP和HTML表單。 HTML圖片(Images) 用 這個 Tag 可以在HTML里面插入圖片。最基本的語法如下: url表示圖片的路徑和文件名。比如 url 可以是 images/logo/blabla_logo01.gif,也可以是個相對路徑 "../images/logo/blabla_logo01.gif"。 示例 圖片alt屬性 中有一個alt屬性,英文叫alternate text。例句如下: 假使瀏覽器沒有載入圖片的功能,瀏覽器會轉(zhuǎn)而顯示Alt屬性的值。 其實,現(xiàn)在大多數(shù)瀏覽器都支持圖片載入。在此介紹Alt屬性,是因為它的另外一個重要功能。目前搜索引擎抓取工具無法識別圖像中所含的文字,所以用ALT屬性寫上圖片的說明,便于搜索引擎抓取你網(wǎng)頁的內(nèi)容。 示例 圖片align屬性 用align屬性,可以改變圖片的垂直(居上、居中、居下)對齊方式和水平對齊方式(居左、居中、居右)。 示例 圖片的大小 在缺省狀況下,圖片顯示原有的大小。你可以用height和width屬性改變圖片的大小。不過圖片的大小一旦被改變,圖片會相應(yīng)放大或縮小,顯示出來的結(jié)果可能會很難看。 示例 建議 圖片相對文字,所占的字節(jié)數(shù)較多,比如一個全屏的圖片,即使經(jīng)過壓縮,也要占去大約50k字節(jié),這相當(dāng)于25000字的文本。因此瀏覽器載入圖片比較費時,建議一個HTML文件里不要包含過多的圖片,否則會影響你的網(wǎng)頁顯示速度。 更多示例 背景圖片 這個示例演示如何將一個圖片作為HTML網(wǎng)頁的背景圖片。 將一個圖片作為一個超鏈接 這個示例演示了如何將一個圖片作為一個超鏈接,即點擊一個圖片,可以連接到其它文件。
    立即預(yù)約