HTML 链接和图像

一、链接

点击链接可以跳转到指定的界面，也可以跳转到当前界面的指定位置；
超链接可以是一个字，一个词，一个图片等。

默认情况下：
当鼠标放到网页的某个链接上时，箭头会变成一个小手；
一个未访问过得链接显示蓝色的字体并带有下划线；
访问过的链接显示为紫色并带有下划线；
点击链接时，链接显示为红色并带有下划线；

属性：
href=“链接的地址”；
target:定义被链接的文档在何处显示；
target=“_blank”新建标签窗口页，来展示链接的内容
target=“_parent”父级打开网页,此属性可以理解为本页网页从新载入锚文本的网页，针对html框架iframe网页中，整个网页将重新载入打开目标网址地址;

设置锚点
href=“#name”; name=“name”;这两个name是对应的。

二、图像

使用说明

<img src=“../images/1.png” alt=“风景图”>

其中src值的是存储图像的位置。alt属性：为图像定义了一串预备的可替换的文本；
设置图片的高度和宽度

<img src="../images/1.png" alt="风景图" width="100px" height=“100px”>

指定图像的高度和宽度是一个很好的习惯，指定了宽度和高度后，页面加载的时候会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会波坏HTML页面的整体布局。

属性介绍：
align 对齐方式：在html5不支持。html4.0.1已废弃
alt 规定图像的替代文本
border html5不支持了，html4.0.1废弃了。
crossorigin anonymous/use-credentials 设置图像的跨域属性
height 规定图像的高度
width 规定图像的宽度
ismap 将图像规定为服务器端图像映射
usemap 将图像定义为客户端图像映射

创建图像映射

<img src="images/1.png" alt="北京" width="145" height="126" usemap="#myImages" />    <map name="myImages">        <area shape="rect" coords="0,0,82,126" href="index1.html"></area>        <area shape="circle" coords="90,58,3" href="index2.html"></area>    </map>

说明：
map
map标签用于客户端图像映射。图像映射指带有可点击区域的一幅图片。
img中的usemap属性可引用map中的id或者name属性（这个是要取决浏览器的）；
area 元素永远嵌套在map元素内部。area元素可定义图像映射中的区域；
area属性
coords 规定区域的坐标；shape 规定区域的形状；target规定在何处打开目标；