1.<img >
<img>標(biāo)志并不是真正地把圖像給加入到Html文檔中,而是將標(biāo)志對(duì)的src屬性賦值,這個(gè)值是圖形文件的文件名,當(dāng)然包括路徑,這個(gè)路徑可以是相對(duì)路徑,也可以是網(wǎng)址。實(shí)際上就是通過路徑將圖形文件嵌入到您的文檔中。您可能并不知道什么是相對(duì)路徑,我現(xiàn)在就來講一講相對(duì)路徑。所謂相對(duì)路徑是指您所要鏈接或嵌入到當(dāng)前Html文檔的文件與當(dāng)前文件的相對(duì)位置所形成的路徑。假如您的Html文件與圖形文件(文件名假設(shè)是logo.gif)在同一個(gè)目錄下,則可以將代碼寫成<img src="logo.gif">;假如您的圖形文件放在當(dāng)前的Html文檔所在目錄的一個(gè)子目錄(子目錄名假設(shè)是images)下,則代碼應(yīng)為<img src="images/logo.gif">;假如您的圖形文件放在當(dāng)前的Html文檔所在目錄的上層目錄(目錄名假設(shè)是home)下,則相對(duì)路徑就必須是準(zhǔn)網(wǎng)址了,即用“../”表示您的網(wǎng)站,然后在后邊緊跟文件在您的網(wǎng)站中的路徑,假設(shè)home是您的網(wǎng)站下的一個(gè)目錄,則代碼應(yīng)為<img src="../home/logo.gif">,若home是您的網(wǎng)站下的目錄king下邊的一個(gè)子目錄,則代碼應(yīng)該變?yōu)?lt;img src="../king/home/logo.gif">了。現(xiàn)在您對(duì)相對(duì)路徑應(yīng)該有所了解了吧!
必須強(qiáng)調(diào)一下,src屬性在<img>標(biāo)志中是必須賦值的,是標(biāo)志中不可缺少的一部分。除此之外,<img>標(biāo)志還有alt、align、border、width和height屬性。align是圖像的對(duì)齊方式,在前邊的教程中已經(jīng)講了很多了,這里就不再提了。border屬性是圖像的邊框,可以取大于或者等于0的整數(shù),默認(rèn)單位是像素。width和Height屬性是圖像的寬和高,默認(rèn)單位也是象素。alt屬性是當(dāng)鼠標(biāo)移動(dòng)到圖像上時(shí)顯示的文本。
2.<hr>
<hr>標(biāo)志是在Html文檔中加入一條水平線,它可以直接使用,具有size、color、width和noshade屬性。size是設(shè)置水平線的厚度,而width是設(shè)定水平線的寬度,默認(rèn)單位是像素。想必大家對(duì)color屬性已經(jīng)很熟悉了,在此就不再用多講。noshade屬性不用賦值,而是直接加入標(biāo)志即可使用,它是用來加入一條沒有陰影的水平線(不加入此屬性水平線將有陰影)。
圖像標(biāo)志綜合示例:
2 <head>
3 <title> 圖像標(biāo)志綜合示例 </title>
4 </head>
5 <body text = "blue">
6 <p align = "center">
7 <img src = "http://www.baidu.com/img/logo.gif" width = "174" height = "59" alt = "baidu">
8 </p>
9 <hr size = "10" color = "red" width = "150" noshade>
10 <hr size = "10" color = "green" width = "150" >
11 </body>
12 </html>