html 图像 链接

1）图像

    <img/>属性：

src 图像的路径

alt：图像不显示时，显示的文本

width：宽度   height：高度

例子：<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<!-- 显示 images/login.png -->
<img src="images/login.png" title="这是一幅图像" alt="This is a photo!" width="300px" height="100px" />

</body>
</html>

2)链接

  <a></a>属性:

 href : 链接URL
target ： 目标 ，指定打开新网页的方式
        取值 _blank : 在新标签页中打开
     _self : 在自身(当前)页面中打开(默认值)
name : 定义锚点名称

链接的表现形式:
  页面间跳转
      <a href="页面路径">文本 或 图像</a>
   页面上的文档(资源)下载
      <a href="指定资源路径">文本或图像</a>
      资源路径：非html,htm,txt的资源
      <a href="xxx.rar">下载</a>
  返回页面顶部的空连接
      <a href="#">返回顶部</a>
      跳转到本页(开发、测试阶段使用)
  电子邮件链接
      打开本机邮件客户端，向指定地址处发送email邮件
      <a href="mailto:zhaoxu@tarena.com.cn">联系我们</a>
  链接到Javascript
      <a href="javascript:js代码段落"></a>


   锚点：
      <a name="anchorName"></a>
   链接到锚点
      <a href="#anchorName">文本 或 图像</a>
      <a href="url#anchorName"></a>

例子

<html>

<!-- 定义超链接 -->
<!-- 1、定义一个超链接，在新标签页中打开 Homework.html -->
<a href="Homework.html" target="_blank">昨天作业</a>
<!-- 2、定义一个超链接，在当前页面中打开 百度 首页-->
<a href="http://www.baidu.com">百度</a>
<a href="images.rar">下载图像</a>
<a href="mailto:zhaoxu@tarena.com.cn">联系我们
</a>
<a href="javascript:window.alert('我是一个对话框!!!');">弹出一个对话框</a>
</body>
</html>

效果: