HTML图像的调用和超链接

1.HTML中图像的使用

语法:<img>

属性 :

  src :指定要显示图像的URL

  width :图像的宽度 (默认等比例变化)

  height :图像的高度

  title :鼠标悬停时,要显示的文本

  alt :图片加载失败后现实的文字

2.超链接

语法:<a></a>

属性:

  href :要链接的HTML页面URL

  target :目标,指定新网页的打开形式

    取值:

      _blank :在新的标签页中打开网页

      _self :在自身标签页中打开新网页(默认值)

链接的四种表现形式

  1.点击操作时,完成资源下载的操作。链接的资源为 zip / rar 时为下载操作

  如:<a href="day01.zip">下载</a>

  2.电子邮件链接(现在基本不用)

  如:<a href="mailto:邮箱地址">联系我们</a>

  前提:必须在计算机中安装并配置好至少一个邮件客户端

  3.返回页面顶部的空链接

  如:<a href="#">返回顶部</a>

  4.执行JavaScript代码片段

  如:<a href="javascript:JS脚本代码">执行</a>

锚点:用于在网页中的某个位置处做个记号,允许从其他位置出跳转到记号位置处

使用方法:

  定义到锚点(做记号)

    1.使用 a 标记的 name 属性允许定义锚点  如<a name="maodian1">锚点1</a>

    2.任何标记的 id 属性定义锚点

  链接到锚点

    1.<a href="#锚点名称">链接到锚点</a>(链接到本页面锚点)

    2.<a href="页面URL#锚点名称">链接到锚点</a>(链接到指定页面锚点)

 

posted @ 2020-09-25 20:47  you_rgb  阅读(596)  评论(0)    收藏  举报
//一下两个链接最好自己保存下来,再上传到自己的博客园的“文件”选项中