web前端开发~基础知识之超链接标记<a>

shanhe

山河
管理成员
2020-02-26
66
31
18
25
中国
blog.shanhe.info
大家好,我是山河

这次又给大家带来基础教程
超链接<a>

超链接是指当鼠标单击一些文字、图片或其他网页元素时,浏览器会根据其指示载入一个新的页面或跳转到页面的其他位置。超级链接除了可链接文本外,还可链接各种多媒体,如声音、图像、动画等,通过它们可享受丰富多彩的多媒体世界

超链接好处很大,也很简单
不多说,来看看代码吧

HTML:
<a href=URL>网页元素</a>
//这是超链接最简单的方式
<a href="abc.html"><img src="tp/6666.png"></a>
//文本超链接和图片超链接通过<a></a>标记实现,将文本或图片放在<a>开始标记和</a>结束标记之间即可建立超链接
值得注意的是默认情况下,为文本添加超链接,文本会自动增加下画线,并且文本颜色变为蓝色,单击过的超链接,文本会变成暗红色。图片增加超链接以后,浏览器会自动给图片加一个粗边框。图片和文本超链接的下画线需要借助CSS样式完成,这里不做介绍,详见CSS部分

接下来我将交大家设置以新窗口显示超链接页面

默认情况下,当单击超链接时,目标页面会在当前窗口中显示并替换掉当前页面的内容。如果要实现在单击某个超链接后在新的浏览器窗口中显示目标页面,就需要使用<a>标记的target属性。target属性取值有4个,即_blank、_self、_top、_parent。由于HTML5不再支持框,所以_top、_parent这两个取值不常用

说明一下
_blank表示在新窗口中显示超链接页面。_self表示在当前窗口中显示超链接页面。当省略target属性时,默认取值为_self

HTML:
<a href="ok.html target="_blank">实例山河新窗口</a>
这样就会跳转新窗口

好了教程结束

插送博客链接(2020.8开始启动,目前暂时停止):



 
最后编辑: