超链接
  超级链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。 各个网页链接在一起后,才能真正构成一个网站。 所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页, 也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。 而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。 当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。
a标签 <a href=""></a>
路径
  相当路径
    --相当于自身
    当前目录 ./ 获取 不写./
    上一个目录 ../
    上上一个目录 ../../
  绝对路径
    以http:// 开头的
  根路径
    /网站根目录
 
超链接的属性
    1. href="" url地址信息
    2. title="" 提示信息
    3. target="" _self(原窗口打开) _blank(在新窗口打开)
    4. download 下载
    5. alt 描述信息 给搜索引擎收录用的
 
url: http://baidu.com 协议和域名
 
url: http://www.w3school.com.cn/info/conf/index.php?p=1
    1. http:// 协议
    2. www.w3school.com.cn 域名
    3. /info/conf/ 路径
    4. index.php 文件名
    5. ?p=1 查询信息 (常出现于表单)
url: http://www.w3school.com.cn/info/conf/index.php#page
    1. http:// 协议
    2. www.w3school.com.cn 域名
    3. /info/conf/ 路径
    4. index.php 文件名
    5. #page 锚点
 
---需要操作系统有outlook email: <a href=”mailto:mayun@lampbrother.net”>发邮件</a> 电话: <a href=”tel:110”></a> 信息... <a href=”sms:100”></a>(需要window系统装有outlook)
 
锚点
  设置锚点 <a name="page"></a>
  访问锚点 <a href="#page"></a>
 
图片
  <img>
常用的图片格式
    jpg png gif webp(chrome的新格式)
    如果图片过大,需要压缩(ps)
图片的属性
    1. src 图片的地址
    2. alt 当图片加载失败 的提示信息
    3. width 设置图片宽度
    4. height 设置图片高度
  ----不要同时设置
    5. border 设置图片边框
    6. ismap 当图片作为链接时,将点击时的坐标传到服务器
    7. usemap 图片的映射(热点)
 
  <img src="" usemap="#myimg"> <!--为了兼容 加上#-->
  <map id="myimg" name="myimg">
    <area shape="circle|poly|rect" coords="坐标" href="url地址">
    <area shape="circle|poly|rect" coords="坐标" href="url地址">
    <area shape="circle|poly|rect" coords="坐标" href="url地址">
  </map>