web程序设计——基本标签（二）

图片

<img/>标签：

1. 行内标签，用于指定显示在文档中的图片。
2. 主要属性有src，alt，width，height

• alt属性的作用时当网速比较慢时或者用户取消图片下载时，可以在图片位置显示的一些文本。

如以下代码的显示效果为：

<p>

        <img src="www/小型公司/images/团扇.jpg" alt="图片加载不出时的提示语" width="317" height="240"/>

</p>

网络慢或者找不到图片时

超链接

• 链接地址由属性href指定，链接目标可以是其他网页或者源文档中的某个位置
• 格式：

跳到其他网页：

<a href=”http://www.baidu.com”>链接文本</a>

跳到文档中指定位置：

 <h2 id=”abc”>跳到这里</h2>

                 ……

<p>

        <a href=”#abc”>

</p>

• 当href=”#”时，相当于跳转到网页顶端，如<a href="#">回到顶部</a>

1. target属性
   target属性指定超链接目标的打开窗口

1. _self：本地窗口打开（默认值）
2. _blank：在新窗口打开
3. _parent：当前frame的父级frame
4. _top：当前frame的最顶级frame
5. 窗口名字:已打开的某个有名字的窗口（没有则新建 ）

1. 图片链接
   <a href="abc.html"><img src="abc.jpg"/></a>
2. Email 链接
   <a href="mailto:email@baidu.com">联系我们</a>
3. download属性

1. <a href="bd_logo1.png">超链接1</a>直接显示图片<br/>
2. <a href="bd_logo1.png" download>超链接2</a>下载图片<br/>
3. <a href="bd_logo1.png" download="123.png">超链接3</a>以指定名称下载图片

5）使用<img>的usemap属性，可以定义坐标点击的超链接。
<img src="www/小型公司/images/团扇.jpg"  usemap="#planetmap"/>

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

<area shape="circle" coords="0,0,14" href="www/小型公司/images/t018daf049781904d9d.jpg" target="_blank" />

</map>