云南網站建設創新企業 昆明多彩網絡公司

html入門教學九：在網頁中插入圖片

來源：昆明多彩網絡公司 日期：2010-10-20 閱讀： 發表評論

現在，你一直想知道如何將圖像插入到您的網頁？

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

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

實際上，如果圖像處于網絡上的HTML文件中，你也可以使用該圖片，通過引用圖像的詳細地址實現。例如：如果您的圖片位于http://www.spiro-crafts-skegness.com/image.jpg，可以這個作為圖像源的URL：<img src="http://www.spiro-crafts-skegness.com/image.jpg" />。

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

看看效果：。

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

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

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

如果你想繼續提升，讓我們進入下一個部分，學習更多的文字標簽。