使用<img>來(lái)插入圖片

語(yǔ)法：<img src="圖片地址"alt="下載失敗時(shí)的替換文本"title="提示文本">

舉例：<img src="圖片網(wǎng)址xxx"alt="當(dāng)圖像下載失敗時(shí)，顯示的文字（顯示不出）"title="鼠標(biāo)放在圖片上顯示的文本信息">

圖像可以是GIF，PNG，JPEG格式的圖像文件

網(wǎng)站怎樣與用戶(hù)進(jìn)行交互？答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端，這樣服務(wù)器端程序就可以處理表單傳過(guò)來(lái)的數(shù)據(jù)。

語(yǔ)法：<form method="傳送方式"action="服務(wù)器文件">xxxx</form>

form：標(biāo)簽是成對(duì)出現(xiàn)的，以<form>開(kāi)始，以</form>結(jié)束。

method：數(shù)據(jù)傳送的方式（get/post）。

action:瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個(gè)PHP頁(yè)面(save.php)

注意：

所有表單控件（文本框、文本域、按鈕、單選框、復(fù)選框等）都要放在<form></form>標(biāo)簽之間

例如：

文本框與密碼框

文本框的多行文本輸入

當(dāng)用戶(hù)需要在表單中輸入大段文字時(shí)，需要用到文本輸入域

語(yǔ)法：

<textarea rpws="行數(shù)" cols="列數(shù)">輸入的內(nèi)容</textarea>

單選框與復(fù)選框

語(yǔ)法：<input type="radio/checkbox" value="值"name="名稱(chēng)"checked="checked"/>

type：radio為單選，checkbox為復(fù)選

value：提交數(shù)據(jù)到服務(wù)器的值（后臺(tái)php使用）

name：控件的命名，以備后臺(tái)ASP PHP使用

checked：如果設(shè)置這個(gè)，則該選項(xiàng)默認(rèn)選中

注：同一組單選的name一定要一樣，不然可以多選！

下拉列表框

<option value="提交的值" selected="selected:>選項(xiàng)</option>

如果設(shè)置selected，則這個(gè)選項(xiàng)設(shè)為默認(rèn)。

他也可是設(shè)置多選，windons系統(tǒng)按住Ctrl+單機(jī)，在select標(biāo)簽中設(shè)置multiple="multipl"

提交按鈕，重置按鈕

在表單中有兩種按鈕可以使用，分別是提交按鈕和重置。

提交按鈕：用戶(hù)需要提交信息到服務(wù)器時(shí)，需要用到的按鈕。

語(yǔ)法:

<input type="submit" value="提交">

type:設(shè)置為submit時(shí)，這個(gè)按鈕才有提交的功能

value：按鈕上顯示的文字

重置按鈕：用戶(hù)需要重置表單信息到初始化狀態(tài)

語(yǔ)法：

<input type="reset" value="重置">

type:設(shè)置為reset時(shí)，有重置功能

value：按鈕上顯示的文字

label標(biāo)簽

label標(biāo)簽不會(huì)向用戶(hù)呈現(xiàn)任何特殊效果，它的作用是為鼠標(biāo)用戶(hù)改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說(shuō)，當(dāng)用戶(hù)單擊選中該label標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上（就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上）

語(yǔ)法：

<label for="控件id名稱(chēng)">

例如：

<form>

<label for="male">男</label>

<input type="radio" name="gender"id="male"/>