HTML標(biāo)簽之圖片標(biāo)簽使用教程。再簡單樸素的網(wǎng)頁如果只有文字而沒有圖像的話將失去許多活力，圖像在網(wǎng)頁制作中是非常重要的一個方面，Html語言也專門提供了<img>標(biāo)簽來處理圖像的輸出。
1.<hr>標(biāo)簽
<hr>標(biāo)簽是在Html文檔中加入一條水平線，它可以直接使用，具有size、color、width和noshade屬性 。size是設(shè)置水平線的厚度，而width是設(shè)定水平線的寬度，默認單位是像素。想必大家對color屬性已經(jīng)很熟悉了，在此就不再用多講。 noshade屬性不用賦值，而是直接加入標(biāo)簽即可使用，它是用來加入一條沒有陰影的水平線(不加入此屬性水平線將有陰影)。
2.<img>標(biāo)簽
<img>標(biāo)簽并不是真正地把圖像給加入到Html文檔中，而是將標(biāo)簽對的src屬性賦值，這個值是圖形文 件的文件名，當(dāng)然包括路徑，這個路徑可以是相對路徑，也可以是網(wǎng)址。實際上就是通過路徑將圖形文件嵌入到您的文檔中。您可能并不知 道什么是相對路徑，我現(xiàn)在就來講一講相對路徑。所謂相對路徑是指您所要鏈接或嵌入到當(dāng)前Html文檔的文件與當(dāng)前文件的相對位置所形成的 路徑。假如您的Html文件與圖形文件(文件名假設(shè)是logo.gif)在同一個目錄下，則可以將代碼寫成<img src="logo.gif">；假如您的圖形文件放在當(dāng)前的Html文檔所在目錄的一個子目錄(子目錄名假設(shè)是images)下，則代碼應(yīng)為<img src="images/logo.gif">；假如您的圖形文件放在當(dāng)前的 Html文檔所在目錄的上層目錄(目錄
名假設(shè)是home)下，則相對路徑就必須是準(zhǔn)網(wǎng)址了，即用“../”表示您的網(wǎng)站，然后在后邊緊跟文件在您的網(wǎng)站中的路徑，假設(shè)home是您的網(wǎng)站下的一個目錄，則代碼應(yīng)為<img src="../home/logo.gif">，若home是您的網(wǎng)站下的目錄king下邊的一 個子目錄，則代碼應(yīng)該變?yōu)?lt;img src="../king/home/logo.gif">了?，F(xiàn)在您對相對路徑應(yīng)該有所了解了吧！
必須強調(diào)一下，src屬性在<img>標(biāo)簽中是必須賦值的，是標(biāo)簽中不可缺少的一部分。除此之外，<img> 標(biāo)簽還有alt、align、border、width和height屬性。align是圖像的對齊方式，在前邊的教程中已經(jīng)講了很多了，這里就不再提了。 border屬性是圖像的邊框，可以取大于或者等于0的整數(shù)，默認單位是像素。width和Height屬性是圖像的寬和高，默認單位也是象素。alt屬性是 當(dāng)鼠標(biāo)移動到圖像上時顯示的文本。
下面是本教程的一個綜合例子：
圖像標(biāo)簽舉例
<html>
<head>
<title>圖像標(biāo)簽的綜合示例</title>
</head>
<body>
<p align="center"><img src="../logo468_60.gif" alt="網(wǎng)頁制作" WIDTH="468" HEIGHT="60"></p>
<hr width="600" size="1" color="#0000FF">
</body>
</html>
希望以上的這些信息能夠幫助您，如果您還有關(guān)于大連網(wǎng)站制作，大連網(wǎng)站建設(shè)及企業(yè)郵箱等相關(guān)問題，請與我們聯(lián)系， 新圖聞科技將竭誠為您服務(wù)！
