【怎么样网站建设】
用图像作为超链接热点
图像也可作为超链接热点,单击图像则跳转到被链接的文本或其他文件。格式为:
<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 图像应用综合实例
【案例4-41图文混排。
【案例展示】商城促销信息图文混排,本例文件
4-4.html在浏览器中显示的效果如图4-8所示。
【学习目标】掌握各种图像的格式和图文混排技术。
【知识要点】通过插入图像、图文布局以及设置图像大小来设计页面。
代码如下:
<! doctype html>
<html>
^, - 0跏”鼻 雌 Eil.://locrihoit/D:/..b/eh4/4-4 htnl
促销信息
能手机
霉孬靠巍鏖茭骂器转’3.5
1000元起。
图4-8页面的显示效果
<head>
<title>乐天手机商城促销信息.图文混排</title>
<,head>
<body>
<hl>促销信息</hl>
<p>qmg src=”images/phone.jpg”title=”高端配置,特惠拍卖”align=”left”></p>
<p> 拍卖高端智能手机</p>
<p> 采用最新操作系统,虚拟QWERTY键盘,3.5英寸屏幕,配备专
用非线控入耳式耳机。</p>
<p> 拍卖疯狂价1000元起。</p>
</body>
</html>