當前位置:首頁 » 網頁前端 » 前端設計html怎麼插入網頁圖片
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端設計html怎麼插入網頁圖片

發布時間: 2023-06-07 08:44:39

① html網頁如何插入圖片、加入地圖

html網頁如何插入圖片、加入地圖

一、WEB上支持的圖片格式:

GIF:能保存256中顏色,支持透明色,支持動畫效果

JPEG:不支持透明色和動畫,顏色可達1670種

PNG:支持透明色,不支持動畫,顏色有幾種到1670種

二、將圖片插入到網頁中使用

標簽:

src:設置圖片,值等於一個圖片文件的路勁

height:設置圖片的高,值以像素或百分比表示(會自動按比例縮放)

width:設置圖片的寬,值以像素或百分比表示

border:為圖片加上邊框

alt:圖片說明文字,當圖片不在顯示的時候會顯示該屬性的值

title:該屬性表示當,滑鼠放在該圖片上時會顯示該屬性的'值

align:屬性值=left圖片靠左,文字靠右

right圖片靠右,文字靠左

top文字垂直居上靠

middle文字垂直居中

bottom文字垂直居下(默認)

vspace:屬性值是像素,定義圖片頂部和底部的空白

hspace:屬性值是像素,定義圖片左邊和右邊的空白

11、考試考得好,全靠同桌好。

12、在學校是那錢混日子,現在是拿日子混錢!

13、一些人,總要出賣他所有的,去換取他所沒有的。

14、自愛,必先自私,唯有自私,才能大愛。

15、吉尼斯紀錄:全世界最大的茶幾面積為960萬平方千米,可放置13億杯具。

16、分手多沒意思,有本事咱倆玩離婚!

17、走人民幣的路,讓人民無路可走!

18、三鹿奶粉,後媽的選擇。

19、有一天小三哭了,因為出現了小四!

20、和你分手,因為,你連牽手都不配!

21、別在我面前擺POSE,我真怕忍不住想摔相機。

22、我們只是路人甲乙丙丁,在這花花世界集體游戲。無論你輸我贏,到最後咱們都會一起GameOver!

23、我這一生一共做錯兩件事,其一是生出來,另一是活下去。

24、如果我死了,我的第一句話是:老子終於不用怕鬼了。

25、哥是文明人,所有臟話均已使用唾液消毒。

26、名人名言,你得先是名人了那才是名言,別人的屁都是名屁!你能比嗎?

三、HTML地圖索引:

地圖索引,也就是用一樣圖片中的某一部分做超鏈接,可以做很多個超鏈接(使用設計視圖就可以搞定)

為網頁添加圖標:放在頭部標簽內

;

② HTML怎樣插入圖片

插入圖片可以使用img標簽來實現。

1、新建html文件,如圖所示,在body標簽中插入img標簽,需要注意的是,img在html中沒有結束標簽,所以不需要添加「</img>」。給標簽添加「src」屬性,屬性值填寫想要添加圖片的路徑,這里以和html同一目錄下的1.png為例,這樣圖片就插入完成了: