av网站免费线看精品_国产做a爱视频免费不_深爱激情网开心五月天_伊人五月天在线视频网

網(wǎng)絡(luò)編輯必讀手冊3：HTML語言大全 如何創(chuàng)建HTML表格 HTML表格用表示。一個表格可以分成很多行(row)，用表示；每行又可以分成很多單元格(cell)，用表示。 這三個Tag是創(chuàng)建表格最常用的Tag。 示例 border屬性 在缺省情況下，如果不設(shè)置表格的邊界，表格是不顯示邊界的。 示例：不顯示邊界的表格 要顯示表格的邊界，可使用border這個屬性。 示例：顯示邊界的表格 表格的表頭 用來表示表格的表頭，表頭的字是粗體顯示的。 示例： 有表頭的表格 空的單元格 如果表格的單元格之間沒有內(nèi)容，那么這個單元格的邊界是不會被顯示出來的，盡管整個表格已設(shè)置邊界值。要顯示這個單元格的邊界，可以插入一個空格符。 示例 更多示例 有標題的表格 這個示例演示如何用在一個表格上加上標題。 包含多列或多行的單元格 這個示例演示如何用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屬性，你可以用鼠標移動Frame的邊界，來改變Frame的大小，如果設(shè)置了noresize屬性，不能移動邊界了。 Frame用于導航 這個例子演示如何建立一個用于導航的Frame。這個導航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) 排序列表中，每個列表項前標有數(shù)字，表示順序。 排序列表由開始，每個列表項由開始。 排序列表示例 不排序列表(Unordered List) 不排序列表不用數(shù)字標記每個列表項，而采用一個符號標志每個列表項，比如圓黑點。 不排序列表由開始，每個列表項由開始。 不排序列表示例 定義列表 定義列表通常用于術(shù)語的定義。 定義列表由開始。術(shù)語由開始，英文意為Definition Term。術(shù)語的解釋說明，由開始，里的文字縮進顯示。 定義列表示例 更多示例 不同類型(Type)的排序列表 這個例子顯示如何用Type屬性設(shè)置排序列表項前的符號。 不同類型(Type)的不排序列表 這個例子顯示如何用Type屬性設(shè)置不排序列表項前的符號。 嵌套的列表 列表里可以含有子列表。通常用這種嵌套的列表，反映層次較多的內(nèi)容。 HTML表單(Forms) HTML表單(Form)是HTML的一個重要部分，主要用于采集和提交用戶輸入的信息。 舉個簡單的例子，一個讓用戶輸入姓名的HTML表單(Form)。示例代碼如下： 請輸入你的姓名： 演示示例 學習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 相當于 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é)，這相當于25000字的文本。因此瀏覽器載入圖片比較費時，建議一個HTML文件里不要包含過多的圖片，否則會影響你的網(wǎng)頁顯示速度。 更多示例 背景圖片 這個示例演示如何將一個圖片作為HTML網(wǎng)頁的背景圖片。 將一個圖片作為一個超鏈接 這個示例演示了如何將一個圖片作為一個超鏈接，即點擊一個圖片，可以連接到其它文件。