大家好,我是山河
这次又给大家带来基础教程
超链接<a>
超链接是指当鼠标单击一些文字、图片或其他网页元素时,浏览器会根据其指示载入一个新的页面或跳转到页面的其他位置。超级链接除了可链接文本外,还可链接各种多媒体,如声音、图像、动画等,通过它们可享受丰富多彩的多媒体世界
超链接好处很大,也很简单
不多说,来看看代码吧
值得注意的是默认情况下,为文本添加超链接,文本会自动增加下画线,并且文本颜色变为蓝色,单击过的超链接,文本会变成暗红色。图片增加超链接以后,浏览器会自动给图片加一个粗边框。图片和文本超链接的下画线需要借助CSS样式完成,这里不做介绍,详见CSS部分
接下来我将交大家设置以新窗口显示超链接页面
默认情况下,当单击超链接时,目标页面会在当前窗口中显示并替换掉当前页面的内容。如果要实现在单击某个超链接后在新的浏览器窗口中显示目标页面,就需要使用<a>标记的target属性。target属性取值有4个,即_blank、_self、_top、_parent。由于HTML5不再支持框,所以_top、_parent这两个取值不常用
说明一下
_blank表示在新窗口中显示超链接页面。_self表示在当前窗口中显示超链接页面。当省略target属性时,默认取值为_self
这样就会跳转新窗口
好了教程结束
插送博客链接(2020.8开始启动,目前暂时停止):
这次又给大家带来基础教程
超链接<a>
超链接是指当鼠标单击一些文字、图片或其他网页元素时,浏览器会根据其指示载入一个新的页面或跳转到页面的其他位置。超级链接除了可链接文本外,还可链接各种多媒体,如声音、图像、动画等,通过它们可享受丰富多彩的多媒体世界
超链接好处很大,也很简单
不多说,来看看代码吧
HTML:
<a href=URL>网页元素</a>
//这是超链接最简单的方式
<a href="abc.html"><img src="tp/6666.png"></a>
//文本超链接和图片超链接通过<a></a>标记实现,将文本或图片放在<a>开始标记和</a>结束标记之间即可建立超链接
接下来我将交大家设置以新窗口显示超链接页面
默认情况下,当单击超链接时,目标页面会在当前窗口中显示并替换掉当前页面的内容。如果要实现在单击某个超链接后在新的浏览器窗口中显示目标页面,就需要使用<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开始启动,目前暂时停止):
最后编辑: