html入門教學九:在網頁中插入圖片
來源:昆明多彩網絡公司 日期:2010-10-20 閱讀: 發表評論
現在,你一直想知道如何將圖像插入到您的網頁?
下面,讓我們來看看圖像標簽:<img src="image.gif" />,IMG代表這里插入圖片,src表示圖片的路徑。圖像的src將是圖像的Web地址,大多數情況下,你夠只需輸入圖片的文件名就行,就像這樣:<img src="image.gif" />。
如果您不想使用GIF圖像,還可以選擇JPG圖像,這是在互聯網上使用的最常見的兩個擴展圖像文件,如果你使用的是其他格式的圖片,可以將它們轉換成gif或者jpg格式的圖片,大部分的圖像編輯軟件都可以做到的,常用的一個圖像編輯軟件就是聞名遐邇的photoshop。
實際上,如果圖像處于網絡上的HTML文件中,你也可以使用該圖片,通過引用圖像的詳細地址實現。例如:如果您的圖片位于http://www.keep-in-touch.org/image.jpg,可以這個作為圖像源的URL:<img src="http://www.keep-in-touch.org/image.jpg" />。
如果你不能確定它的使用方法,不太明白它的插入原理的話,那么讓我們寫一個真實的例子。我們網站中有一個圖片名稱是:“next.jpg”,圖像的地址是:http://www.keep-in-touch.org/next.jpg,如果圖像和HTML文件在同一目錄下,我會這樣寫:<img src="next.jpg" />,如果圖像和HTML文件不在一個網站中,那么就需要這樣寫:<img src="http://www.keep-in-touch.org/next.jpg" />。
看看效果:。
記住,文件名或地址的書寫是大小寫敏感的(在Linux服務器環境下),所以“image.jpg”和“IMAGE.JPG”被認為是兩個不同的圖像,請務必使用正確使用圖像標簽。
簡單的插入圖片似乎并不能滿足我們的學習欲望,看看下面更加豐富的知識吧。
圖片對齊和環繞文字;給圖像添加鏈接;使用背景圖片;調整圖像大;圖片的“alt”屬性。
如果你想繼續提升,讓我們進入下一個部分,學習更多的文字標簽。
發表評論評論列表(有 條評論)