分享

HTML图像的调用和超链接

 小样样样样样样 2021-09-16

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>(链接到指定页面锚点)

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多