HTML a 标签的基本用法和常用属性

HTML a 标签的基本用法和常用属性,第1张

1.href属性:用于指示链接的目标,该属性对于a标签来说必不可少。

言成科技2.title属性:当用户的鼠标移入超链接时,会显示title属性的具体属性值

言成科技3.target属性;用于控制链接页面打开的位置。

_blank:浏览器总在一个新打开、未命名的窗口中载入目标文档

言成科技_self:默认状态,在当前页面/目标中打开被链接文档

言成科技Tips:所有属性当中,使用最为频繁的是_self和_blank,由于默认打开方式为_self,所以,通常在需要打开新页面时才会使用target=“_blank”的属性设置。对于_parent、_top、framename,当前都已经不再使用,此处便不再提及。

想了解更多,请点击:《如何实现兼容IE6的a标签鼠标移入效果(hover效果)》

a标签基本使用

如上图所示:

实时热搜下面文字都是a标签

用于控制页面与页面之间的跳转的

<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a>

例题1   

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>a标签</title>

</head>

<body>

<a href="https://www.baidu.com/s?word=张韶涵 窦骁&tn=02003390_2_hao_pg">张韶涵 窦骁</a>

</body>

</html>

运行效果:

你可以试一试图片。

打开淘宝

模仿写一个简单例子

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>a标签</title>

</head>

<body>

<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX">

<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>

</body>

</html>

运行结果如下图

点击这张图片:

1.a标签不仅可以让文字可以点击,还可以让图片也能够被点击。

2.一个a标签必须有一个href属性,否则a标签不知道要跳转的地方。

3.如果通过a标签的href属性指定一个url地址,那么必须在地址前面加上http://或https://

<a>在html中是和其他代码并存使用的

如<a name>或者<a herf>都可以

只是代表的意义不一样,运行代码的时候效果也不一样

<a name>后面填写的文字信息

而<a herf>后面是超链接

只是如果不加a这个字母的话运行代码就不会有任何作用

所以不管是<a name>还是<a herf>

括号里的都是一个整体,只有并列在一起使用运行的时候

浏览器才能识别代码并成功执行

希望对你有帮助!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6136285.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存