DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> Html教程(四)-圖像標志
Html教程(四)-圖像標志
編輯:關於HTML     

簡單樸素的網頁如果只有文字而沒有圖像的話將失去許多活力,圖像在網頁制作中是非常重要的一個方面,Html語言也專門提供了<img>標志來處理圖像的輸出。

1.<img>
<img>標志並不是真正地把圖像給加入到Html文檔中,而是將標志對的src屬性賦值,這個值是圖形文件的文件名,當然包括路徑,這個路徑可以是相對路徑,也可以是網址。實際上就是通過路徑將圖形文件嵌入到您的文檔中。您可能並不知道什麼是相對路徑,我現在就來講一講相對路徑。所謂相對路徑是指您所要鏈接或嵌入到當前Html文檔的文件與當前文件的相對位置所形成的路徑。假如您的Html文件與圖形文件(文件名假設是logo.gif)在同一個目錄下,則可以將代碼寫成<img src="logo.gif">;假如您的圖形文件放在當前的Html文檔所在目錄的一個子目錄(子目錄名假設是images)下,則代碼應為<img src="images/logo.gif">;假如您的圖形文件放在當前的Html文檔所在目錄的上層目錄(目錄名假設是home)下,則相對路徑就必須是准網址了,即用“../”表示您的網站,然後在後邊緊跟文件在您的網站中的路徑,假設home是您的網站下的一個目錄,則代碼應為<img src="../home/logo.gif">,若home是您的網站下的目錄king下邊的一個子目錄,則代碼應該變為<img src="../king/home/logo.gif">了。現在您對相對路徑應該有所了解了吧!
必須強調一下,src屬性在<img>標志中是必須賦值的,是標志中不可缺少的一部分。除此之外,<img>標志還有alt、align、border、width和height屬性。align是圖像的對齊方式,在前邊的教程中已經講了很多了,這裡就不再提了。border屬性是圖像的邊框,可以取大於或者等於0的整數,默認單位是像素。width和Height屬性是圖像的寬和高,默認單位也是象素。alt屬性是當鼠標移動到圖像上時顯示的文本。

2.<hr>
<hr>標志是在Html文檔中加入一條水平線,它可以直接使用,具有size、color、width和noshade屬性。size是設置水平線的厚度,而width是設定水平線的寬度,默認單位是像素。想必大家對color屬性已經很熟悉了,在此就不再用多講。noshade屬性不用賦值,而是直接加入標志即可使用,它是用來加入一條沒有陰影的水平線(不加入此屬性水平線將有陰影)。
下面是本教程的一個綜合例子。

例5 圖像標志舉例
<html>
<head>
<title>圖像標志的綜合示例</title>
</head>

<body>
<p align="center"><img src="../logo468_60.gif" alt="網頁制作" WIDTH="468" HEIGHT="60"></p>

<hr width="600" size="1" color="#0000FF">
</body>
</html>

本例在浏覽其中的顯示結果如下:


 

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved