摘要:,表單的兩個(gè)常見屬性為填寫表單的人提供一個(gè)輸入提示??捎糜谌魏伪韱慰丶?,表示這個(gè)域是必要的,如果不填,則無法提交表單。,表格,表格由行中的數(shù)據(jù)單元格組成,列隱含地定義在行中。,表格應(yīng)用于表示表格數(shù)據(jù),而不是建立頁面布局。
1,如何設(shè)計(jì)一個(gè)頁面
1) 先規(guī)劃好web頁面的結(jié)構(gòu),首先畫出一個(gè)草圖,然后創(chuàng)建一個(gè)略圖,最后再寫html
2) 規(guī)劃頁面時(shí),先設(shè)計(jì)大的塊元素,再用內(nèi)聯(lián)元素完善。
3) 設(shè)計(jì)一個(gè)頁面時(shí),要使用與內(nèi)容含義最接近的元素,如果需要一個(gè)列表,就不要使用段落元素。
找一家web托管公司購買域名和空間,在他們的服務(wù)器上托管你的頁面,然后使用FTP將文件從你的計(jì)算機(jī)上傳到他們的服務(wù)器上。下圖是FTP應(yīng)用示例。其它細(xì)節(jié)此處不詳細(xì)展開說明了。
1)域名:它是由一個(gè)權(quán)威機(jī)構(gòu)控制,一次只能有一個(gè)人使用某個(gè)域名。與網(wǎng)站名區(qū)別開來
2)網(wǎng)站名:www.baidu.com是網(wǎng)站名,baidu.com是域名
3)URL:統(tǒng)一資源定位符,(Uniform resource locator),定位web上任意資源,包括html頁面、音頻、視頻等。
例:http://www.baidu.com/index.html
http:用來獲取資源的協(xié)議;告訴瀏覽器用什么方法獲取資源
www.baidu.com:網(wǎng)站名; 告訴瀏覽器從互聯(lián)網(wǎng)上的哪個(gè)計(jì)算機(jī)獲取資源;
index.html:從根文件夾到資源的絕對路徑;告訴服務(wù)器要找哪個(gè)頁面
4)默認(rèn)頁面:通常文件名為index.html或default.html
如果url為http://www.baidu.com/ 或http://www.baidu.com/images/
,web服務(wù)器接到這樣的請求時(shí),會查找這個(gè)目錄中的默認(rèn)文件,找到默認(rèn)文件,將它返回給瀏覽器。
如果url為http://www.baidu.com,末尾沒有/,服務(wù)器就會幫加上末尾的斜線,然后再返回該目錄下的默認(rèn)文件。
5)端口號:http://www.mydomain.com:8000/index.html,8000是端口號,通常web上的所有東西都會傳送到一個(gè)默認(rèn)端口80【80端口是為HTTP(HyperText Transport Protocol)即超文本傳輸協(xié)議開放的,此為上網(wǎng)沖浪使用次數(shù)最多的協(xié)議】,不過有時(shí)測試時(shí)web服務(wù)器會配置另外一個(gè)不同的端口接收請求,正常的web服務(wù)器幾乎都在端口80接收請求。
6)相對路徑 絕對路徑
相對路徑:href中一般寫相對路徑,表示從當(dāng)前html到目標(biāo)文件的一個(gè)路徑。
..表示父文件夾。
/ 表示根目錄
./ 表示當(dāng)前目錄
../ 表示上一層目錄
對于網(wǎng)頁,只能使用/,不能使用(反斜線)
舉例:
因?yàn)?index.html 的上一級目錄是 work,再上一級是 document
絕對路徑:從根文件夾到達(dá)某個(gè)特定頁面或文件的路徑。/表示根。
href 中如果寫的是相對路徑 ,則瀏覽器會根據(jù)這個(gè)相對路徑和單擊頁面的html路徑創(chuàng)建一個(gè)絕對路徑,所以,所有web服務(wù)器看到的都是絕對路徑。
2.3 表單1,概念:包含輸入域的web頁面,允許用戶輸入信息。提交表單時(shí),瀏覽器會將這些信息打包發(fā)送到web服務(wù)器。
2,form標(biāo)簽:
包含構(gòu)成表單的所有元素;告訴瀏覽器把表單數(shù)據(jù)發(fā)送到哪里;以及用什么方法發(fā)送
3,表單元素:
文本框: 自封閉標(biāo)簽
密碼框:
單選按鈕:
同一組屬性具有相同的name,才有單選互斥功能。checked="checked"默認(rèn)被選擇
復(fù)選框:
按鈕:
也是按鈕,是html5中的標(biāo)簽
如果在 HTML 表單中使用 button 元素,不同的瀏覽器會提交不同的值。Internet Explorer 將提交
多行文本輸入框:
下拉列表:
多選菜單:上一個(gè)元素增加一個(gè)屬性multiple,把單選菜單變?yōu)槎噙x菜單
label標(biāo)簽:
要使用
2.4,表格1,表格由行中的數(shù)據(jù)單元格組成,列隱含地定義在行中。
2,一般不用表格來提供表現(xiàn),那是css的工作。
3,表格標(biāo)記:
//表示表頭 | |||
---|---|---|---|
//每行包含多個(gè)數(shù)據(jù)單元格,用 | 定義 |
4,單元格跨多行