HTML 圖像實(shí)例

1毯侦、背景圖片

<html>
<body background="圖片">

<h3>圖像背景</h3>
<p>gif 和 jpg 文件均可用作 HTML 背景烹卒。</p>
<p>如果圖像小于頁(yè)面赂乐,圖像會(huì)進(jìn)行重復(fù)痴柔。</p>

</body>
</html>

2济榨、排列圖片-與文本的對(duì)齊方式

<html>
<body>

<h2>未設(shè)置對(duì)齊方式的圖像:</h2>
<p>圖像 <img src ="圖片"> 在文本中</p>

<h2>已設(shè)置對(duì)齊方式的圖像:</h2>
<p>圖像 ![](圖片) 在文本中</p>
<p>圖像 ![](圖片) 在文本中</p>
<p>圖像 ![](圖片) 在文本中</p>

<p>請(qǐng)注意寄纵,bottom 對(duì)齊方式是默認(rèn)的對(duì)齊方式绊谭。</p>

</body>
</html>

3盾似、調(diào)整圖像尺寸

<img src="" width="50" height="50">
<p>通過(guò)改變 img 標(biāo)簽的 "height" 和 "width" 屬性的值矛双,您可以放大或縮小圖像渊抽。</p>

4、為圖片顯示替換文本

<p>如果無(wú)法顯示圖像议忽,將顯示 "alt" 屬性中的文本:</p>
<img src="" alt="向左轉(zhuǎn)" />

5懒闷、制作圖像鏈接

<a href="/example/html/lastpage.html">
<img border="0" src="" />
</a>

6、創(chuàng)建圖像映射

#本例顯示如何創(chuàng)建帶有可供點(diǎn)擊區(qū)域的圖像地圖栈幸。
<html>
<body>

<p>請(qǐng)點(diǎn)擊圖像上的星球愤估,把它們放大。</p>

<img
src=""
border="0" usemap="#planetmap"
alt="Planets" />

<map name="planetmap" id="planetmap">

<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />

<area
shape="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" />

<area
shape="rect"
coords="0,0,110,260"
href ="/example/html/sun.html"
target ="_blank"
alt="Sun" />

</map>

<p><b>注釋:</b>img 元素中的 "usemap" 屬性引用 map 元素中的 "id" 或 "name" 屬性(根據(jù)瀏覽器)速址,所以我們同時(shí)向 map 元素添加了 "id" 和 "name" 屬性玩焰。</p>

</body>
</html>

7、把圖像轉(zhuǎn)換為圖像映射

<a href="/example/html/html_ismap.html">
<img src="" ismap />
</a>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末芍锚,一起剝皮案震驚了整個(gè)濱河市昔园,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌并炮,老刑警劉巖默刚,帶你破解...
    沈念sama閱讀 222,729評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異逃魄,居然都是意外死亡荤西,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門伍俘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)邪锌,“玉大人,你說(shuō)我怎么就攤上這事癌瘾⊥毫鳎” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 169,461評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵柳弄,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng)碧注,這世上最難降的妖魔是什么嚣伐? 我笑而不...
    開(kāi)封第一講書人閱讀 60,135評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮萍丐,結(jié)果婚禮上轩端,老公的妹妹穿的比我還像新娘。我一直安慰自己逝变,他們只是感情好基茵,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,130評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著壳影,像睡著了一般拱层。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上宴咧,一...
    開(kāi)封第一講書人閱讀 52,736評(píng)論 1 312
  • 那天根灯,我揣著相機(jī)與錄音,去河邊找鬼掺栅。 笑死烙肺,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的氧卧。 我是一名探鬼主播桃笙,決...
    沈念sama閱讀 41,179評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼沙绝!你這毒婦竟也來(lái)了搏明?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 40,124評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤宿饱,失蹤者是張志新(化名)和其女友劉穎熏瞄,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體谬以,經(jīng)...
    沈念sama閱讀 46,657評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡强饮,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,723評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了为黎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片邮丰。...
    茶點(diǎn)故事閱讀 40,872評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖铭乾,靈堂內(nèi)的尸體忽然破棺而出剪廉,到底是詐尸還是另有隱情,我是刑警寧澤炕檩,帶...
    沈念sama閱讀 36,533評(píng)論 5 351
  • 正文 年R本政府宣布斗蒋,位于F島的核電站捌斧,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏泉沾。R本人自食惡果不足惜捞蚂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,213評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望跷究。 院中可真熱鬧姓迅,春花似錦、人聲如沸俊马。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,700評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)柴我。三九已至解寝,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間屯换,已是汗流浹背编丘。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,819評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留彤悔,地道東北人嘉抓。 一個(gè)月前我還...
    沈念sama閱讀 49,304評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像晕窑,于是被迫代替她去往敵國(guó)和親抑片。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,876評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)杨赤、插件敞斋、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,124評(píng)論 4 61
  • 我是個(gè)很矛盾的人,有時(shí)候感性起來(lái)讓人害怕疾牲,理性起來(lái)讓人畏懼植捎。 我和一部分女生一樣在初戀的場(chǎng)地中陣亡了,只是可能不太...
    春花5閱讀 211評(píng)論 0 0
  • 你是否還記得當(dāng)初的初心阳柔? 兒童時(shí)的初心是什么焰枢? 上小學(xué)時(shí)的初心是什么? 中學(xué)時(shí)的初心是什么舌剂? 高中時(shí)的初心是什么济锄?...
    Lotus三少閱讀 220評(píng)論 0 0
  • 最近看了簡(jiǎn)友介紹的《面包和湯和貓咪好天氣》甚是喜歡荐绝,感覺(jué)那種生活,那種狀態(tài)就是我想要的狀態(tài)避消〉吞玻看到主人公對(duì)于做事的認(rèn)...
    知更鳥(niǎo)Robin閱讀 541評(píng)論 0 0