首页 > Web开发 > 详细

四:HTML之图像、超链接

时间:2021-01-14 22:22:50      阅读:60      评论:0      收藏:0      [点我收藏+]

 

一:图像标签

<img src="" />

属性:

  src:显示图像的url,必传

  alt:图像替代文本

  height:图像的高度(数值和百分比)

  width:图像的宽(数值和百分比)

 

技术分享图片

技术分享图片

 

也可以指定为容器的比例

技术分享图片

技术分享图片

 

二:超链接:<a href="链接地址">内容</a>

技术分享图片

技术分享图片

 

属性:

  href:链接地址

  target:连接目标窗口:_self(当前窗口打开,默认)、_blank(新窗口打开)、_top、_parent

  title:链接提示文字

  name:链接名字

技术分享图片

技术分享图片

 

三:锚链接:同一页面,用 name + href,把a标签的href属性指定到已定义的name属性

<a href="" name="锚名1">内容</a>

······

<a href="" name="锚名2">内容</a>

······

技术分享图片

技术分享图片

技术分享图片

 

四:锚链接(不同页面)

在页面1添加name属性,在页面2的a标签下,href="页面1.html#锚点名"

 

五:链接扩展功能

1.电子邮件链接(mailto):当电脑上装了邮箱软件的时候,点击会打开软件,并且收件邮箱为href指定的邮箱

技术分享图片

 

2.文件下载:href指定为浏览器不可打开的文件

技术分享图片

 

四:HTML之图像、超链接

原文:https://www.cnblogs.com/zhongyehai/p/13991670.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!