久久精品2019中文字幕国语_欧美成人精品视频在线观看_台湾自拍偷区亚洲综合网_老色鬼在线精品视频在线播放

云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡(luò)公司

在線qq:540105663

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

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

如何利用img標(biāo)簽在您的網(wǎ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)簽。 

發(fā)表評(píng)論評(píng)論列表(有 條評(píng)論)