HTML 比较常用的标签（3）

<img>标签

<img>标签：定义图像。

src表示图片路径；alt表示当图片不能加载时替换的文本内容；width表示图片的宽度；height表示图片的高度。

<img src="mouse.gif" alt="风车车"  width="32" height="32"> 

<map>标签

<map>标签：定义图像地图。
<area>标签:定义图像地图中的可击区域。

<!--图片映射-->
<img src="mouse.gif" width="145" height="126" alt="风车车" usemap="#mousemap">
<map name="mousemap">
	<!--
	矩形：(左上角顶点坐标为(x1,y1),右下角顶点坐标为(x2,y2),coords="x1,y1,x2,y2");多边形同理得各个顶点坐标
	-->
  <area shape="rect" coords="0,0,82,126" alt="鼻子" href="nose.htm">
  <!--
  圆形：(圆心坐标为(x1,y1),半径为r)，coords="x1,y1,r"
  -->
  <area shape="circle" coords="90,58,3" alt="左耳朵" href="earleft.htm">
  <area shape="circle" coords="124,58,8" alt="右耳朵" href="earright.htm">
</map>

<a>标签

<a>标签：超链接。

target属性：
注：

1. _blank：在新窗口中打开被链接的文档。
2. _seft：默认。在相同的框架中打开被链接文档。
3. _parent：在父框架集中打开被链接文档。
4. _top：在整个窗口中打开被链接文档。
5. framename：在指定的框架中打开被链接文档。
   普通链接：

<a href="http://www.baidu.com" >链接</a>

没有下划线的链接：

<a href="http://www.baidu.com" style="text-decoration: none;">没有下划线的链接</a>

用图片做链接(有边框和无边框)：

<!--图片链接有边框-->
<a href="http://www.baidu.com"><img border="10" src="smiley.gif" alt="替换文本" width="32" height="32"></a>
<!--图片链接无边框-->
<a href="http://www.baidu.com"><img border="0" src="smiley.gif" alt="替换文本" width="32" height="32"></a>

邮箱链接：

<a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">
发送邮件，邮箱链接</a>

根据id在本页面里跳转：

<a href="#c4">查看段落c4，链接到同一个页面的不同位置</a>
<!--单词之间空格使用 %20 代替，以确保浏览器可以正常显示文本。-->

<!--省略部分代码-->

<p ><a id="c4">我是c4,使用我时不能使用base默认跳转链接</a></p>

<iframe>标签

<iframe>标签：内联框架。
src：指向一个网页。
width：框架宽度。
height：框架高度。
frameborder：是否显示边框。为0时表示移除边框。

<!--内联框架-->
<iframe src="//www.runoob.com">
  <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

<noscript>标签

<noscript>标签：当浏览器不能使用JavaScript时，使用提醒。

<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器会使用 &lt;noscript&gt; 元素中定义的内容（文本）来替代。</p>