零基础建站培训介绍

当前位置:

html超链接写法与代码样式

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>

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注