【怎么樣網(wǎng)站建設(shè)】
用圖像作為超鏈接熱點(diǎn)
圖像也可作為超鏈接熱點(diǎn)，單擊圖像則跳轉(zhuǎn)到被鏈接的文本或其他文件。格式為：
<a href=’’URL．’><img src=”圖像文件名’’／><／a>
例如：
<a href="vb_book.html”> <!一單擊圖像則打開vb book.htm1一>
<lmg src=”vb.jpg" alt=”VB封面”width=”140”height=”190”hspace=”10”vspace=”5”／><／a>
4.7.4 圖像應(yīng)用綜合實(shí)例
【案例4-41圖文混排。
【案例展示】商城促銷信息圖文混排，本例文件
4-4.html在瀏覽器中顯示的效果如圖4-8所示。
【學(xué)習(xí)目標(biāo)】掌握各種圖像的格式和圖文混排技術(shù)。
【知識(shí)要點(diǎn)】通過(guò)插入圖像、圖文布局以及設(shè)置圖像大小來(lái)設(shè)計(jì)頁(yè)面。
代碼如下：
<! doctype html>
<html>
^, - 0跏”鼻 雌 Eil.://locrihoit/D:/..b/eh4/4-4 htnl
促銷信息
能手機(jī)
霉孬靠巍鏖茭罵器轉(zhuǎn)’3.5
1000元起。
圖4-8頁(yè)面的顯示效果
<head>
<title>樂天手機(jī)商城促銷信息．圖文混排<／title>
<，head>
<body>
<hl>促銷信息<／hl>
<p>qmg src=”images/phone.jpg”title=”高端配置，特惠拍賣”align=”left”><／p>
<p> 拍賣高端智能手機(jī)</p>
<p> 采用最新操作系統(tǒng)，虛擬QWERTY鍵盤，3.5英寸屏幕，配備專
用非線控入耳式耳機(jī)。</p>
<p> 拍賣瘋狂價(jià)1000元起。</p>
<／body>
<／html>
