言成科技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>
括号里的都是一个整体,只有并列在一起使用运行的时候
浏览器才能识别代码并成功执行
希望对你有帮助!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)