18.<a>標(biāo)簽
使用<a>標(biāo)簽可以實(shí)現(xiàn)超鏈接,它在網(wǎng)頁(yè)制作中可以說(shuō)是無(wú)處不在,只要有鏈接的地方,就會(huì)有這個(gè)標(biāo)簽.
語(yǔ)法:
<a href = "目標(biāo)網(wǎng)址" title = "鼠標(biāo)滑過(guò)顯示的文本">鏈接顯示的文本</a>
<a href = "目標(biāo)網(wǎng)址" target = "_blank">在新的頁(yè)面打開(kāi)網(wǎng)頁(yè)</a>
title屬性的作用,鼠標(biāo)滑過(guò)鏈接文字時(shí)會(huì)顯示這個(gè)屬性的文本內(nèi)容。這個(gè)屬性在實(shí)際網(wǎng)頁(yè)開(kāi)發(fā)中作用很大,主要方便搜索引擎了解鏈接地址的內(nèi)容.
19.<img>標(biāo)簽,為網(wǎng)頁(yè)插入圖片
語(yǔ)法:<img src = "圖片地址" alt = "下載失敗時(shí)的替代文本" title = "提示文本">
(1).src:標(biāo)識(shí)圖像的位置
(2).alt:指定圖像的描述性文件,當(dāng)圖像不可見(jiàn)時(shí)(下載不成功時(shí)),可看到該屬性指定的文本
(3).title:提示在圖像可見(jiàn)時(shí)對(duì)圖像的描述(鼠標(biāo)滑過(guò)圖片時(shí)顯示的文本)
(4).圖像可以是GIF,PNG,JPEG格式的圖像文件
20.<form>標(biāo)簽
表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端,這樣服務(wù)端程序就可以處理表單傳過(guò)來(lái)的數(shù)據(jù)
語(yǔ)法:<form method="傳送方式" action= "服務(wù)器文件">
(1).<form>:</form>標(biāo)簽是成對(duì)出現(xiàn)的,以<form>開(kāi)始,以</form>結(jié)束.
(2).action:瀏覽者輸入的數(shù)據(jù)被傳送到的地方
(3).method:數(shù)據(jù)傳送的方式(get/post)
P:所有表單控件都必須放在<form></form>標(biāo)簽之間(否則用戶輸入的信息可提交不到服務(wù)器上噢)
21.<input>標(biāo)簽
當(dāng)用戶要在表單中鍵入字母,數(shù)字等內(nèi)容時(shí),就會(huì)用到文本輸入框。文本框也可以轉(zhuǎn)化為密碼輸入框
語(yǔ)法:<form>
? ? ? ? ? <input type = "text/password/radio/checkbox" name = "名稱" value = "文本" checked = "checked"></input>
? ? ? ? ? </form>
(1).
type:當(dāng)type="text"時(shí),輸入框?yàn)槲谋据斎肟?
當(dāng)type = "password"時(shí),輸入框?yàn)槊艽a輸入框;
當(dāng)type = "radio"時(shí),控件為單選框,單選框的 name必須一致;
當(dāng)type = “checkbox”時(shí),控件為復(fù)選框,復(fù)選框的name可以不一致
當(dāng)type = submit時(shí),有提交作用 ,value為按鈕上顯示的文字
當(dāng)type = reset時(shí),有重置作用,value為按鈕上顯示的文字
(2).name:為文本框命名,以備后臺(tái)程序ASP.PHP,JAVA使用
(3).value:為文本輸入框設(shè)置默認(rèn)值,也是提交到是服務(wù)器的值
(4).當(dāng)設(shè)置checked = "checked"時(shí),該選項(xiàng)被默認(rèn)選中
22.<textarea>標(biāo)簽
文本域,支持多行文本輸入,當(dāng)用戶需要在表單中輸入大段文字時(shí),需要用到文本輸入域。
語(yǔ)法:<textarea row= "行數(shù)" cols="列數(shù)">文本</textarea>
(1).<textarea>標(biāo)簽是成對(duì)出現(xiàn)的,以<textarea>開(kāi)始,以</textare>結(jié)束.
(2).cols:多行輸入域的列數(shù)
(3).rows:多航輸入域的行數(shù).
(4).在<textarea></textarea>標(biāo)簽之間可以輸入默認(rèn)值
23.<select>-<option>標(biāo)簽
下拉列表在網(wǎng)頁(yè)中常會(huì)用到,它可以有效的節(jié)省網(wǎng)頁(yè)空間。即可以單選,又可以多選。設(shè)置selected屬性,則該選項(xiàng)就默認(rèn)選中。如果是多選在<select>標(biāo)簽中設(shè)置mutiple=“mutiple”屬性,就可以實(shí)現(xiàn)多選功能,在windows操作系統(tǒng)下,進(jìn)行多選時(shí)按下Ctrl鍵同時(shí)進(jìn)行單擊(在Mac下使用Commend+單擊),可以實(shí)現(xiàn)多個(gè)選項(xiàng).
語(yǔ)法:<select name ="給后臺(tái)用的" id= "標(biāo)識(shí)">
? ? ? ? ? ? ? <option value"提交值">顯示值</option>
? ? ? ? ? </select>
24.<label>標(biāo)簽
label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果,它的作用是為鼠標(biāo)用戶改進(jìn)了可用性.如果你在label標(biāo)簽內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)此控件。就是說(shuō),當(dāng)用戶點(diǎn)擊選中該labe標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。P:標(biāo)簽的for屬性中的值應(yīng)當(dāng)與相關(guān)空間的id屬性值一定要相同.
語(yǔ)法:<label for = "控件id名稱">