html超链接写法与代码样式
在前面的HTML入门教程中,我们介绍了什么是超链接。对于建网站新手来说,很多人不知道超链接有很多的写法。以下就是超链接常见的几个写法。
显示百度一下,点击即可访问百度
<a href="www.baidu.cn">百度一下</a>
带有超链接属性,但是不跳转百度,原地不动
<a href="#" >百度一下</a>
百度一下</a>新窗口打开百度一下 target=“窗口打开方式”
<a href="#" target=“_blank”>百度一下</a>
锚点定位跳转
<p><a href="#jiub" >关于学做网站论坛</a></p><p><p id="jiub">久伴是一个建站小白,正在努力学习中</p</p>
html超链接样式包括:正在连接、访问过、鼠标盘旋,各个文本字体样式设置如下:
<style type="text/css">
<!-- 超链接文本字体设置-->
A {
FONT-SIZE: 16px; FONT-FAMILY: 宋体
}
<!-- 超链接正在连接的文本字体设置-->
A:link {
COLOR: #0055bb; TEXT-DECORATION: none
}
<!-- 超链接访问过的文本字体设置-->
A:visited {
COLOR: #0077bb; TEXT-DECORATION: none
}
<!-- 超链接鼠标盘旋的文本字体设置-->
A:hover {
COLOR: #ff0000; TEXT-DECORATION: none
}
</style>