html入門(mén)教學(xué)九：在網(wǎng)頁(yè)中插入圖片

來(lái)源：昆明多彩網(wǎng)絡(luò )公司 日期：2010-10-20 閱讀： 發(fā)表評論

現在，你一直想知道如何將圖像插入到您的網(wǎng)頁(yè)？

下面，讓我們來(lái)看看圖像標簽：<img src="image.gif" />，IMG代表這里插入圖片，src表示圖片的路徑。圖像的src將是圖像的Web地址，大多數情況下，你夠只需輸入圖片的文件名就行，就像這樣：<img src="image.gif" />。

如果您不想使用GIF圖像，還可以選擇JPG圖像，這是在互聯(lián)網(wǎng)上使用的最常見(jiàn)的兩個(gè)擴展圖像文件，如果你使用的是其他格式的圖片，可以將它們轉換成gif或者jpg格式的圖片，大部分的圖像編輯軟件都可以做到的，常用的一個(gè)圖像編輯軟件就是聞名遐邇的photoshop。

實(shí)際上，如果圖像處于網(wǎng)絡(luò )上的HTML文件中，你也可以使用該圖片，通過(guò)引用圖像的詳細地址實(shí)現。例如：如果您的圖片位于http://www.predjimost.com/image.jpg，可以這個(gè)作為圖像源的URL：<img src="http://www.predjimost.com/image.jpg" />。

如果你不能確定它的使用方法，不太明白它的插入原理的話(huà)，那么讓我們寫(xiě)一個(gè)真實(shí)的例子。我們網(wǎng)站中有一個(gè)圖片名稱(chēng)是：“next.jpg”，圖像的地址是：http://www.predjimost.com/next.jpg，如果圖像和HTML文件在同一目錄下，我會(huì )這樣寫(xiě)：<img src="next.jpg" />，如果圖像和HTML文件不在一個(gè)網(wǎng)站中，那么就需要這樣寫(xiě)：<img src="http://www.predjimost.com/next.jpg" />。

看看效果：。

記住，文件名或地址的書(shū)寫(xiě)是大小寫(xiě)敏感的（在Linux服務(wù)器環(huán)境下），所以“image.jpg”和“IMAGE.JPG”被認為是兩個(gè)不同的圖像，請務(wù)必使用正確使用圖像標簽。

簡(jiǎn)單的插入圖片似乎并不能滿(mǎn)足我們的學(xué)習欲望，看看下面更加豐富的知識吧。

圖片對齊和環(huán)繞文字；給圖像添加鏈接；使用背景圖片；調整圖像大小；圖片的“alt”屬性。

如果你想繼續提升，讓我們進(jìn)入下一個(gè)部分，學(xué)習更多的文字標簽。