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

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

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

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

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

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

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

看看效果：。

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

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

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

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