html超链接代码样式，html超链接效果
大家好，今天小编来为大家解答html超链接代码样式这个问题，html超链接效果很多人还不知道，现在让我们一起来看看吧！
HTML超链接代码
html超链接的写法是使用a标签，如：<a rel="external nofollow" href="//www.baidu.com">百度一下，你就知道</a>。
在html中，a标签中的a（或者 A）是 anchor的缩写。anchor的基本解释是锚，这些标签的作用是标明超连接的起始位置或目的位置。
<a>标签可定义锚，通过使用 href属性。创建指向另外一个文档的链接（或超链接）通过使用 name或 id属性，创建一个文档内部的书签。<a>元素最重要的属性是href属性，它指定目标链接。
在所有浏览器中，链接的默认外观是，未被访问的链接带有下划线而且是蓝色的，已被访问的链接带有下划线而且是紫色的，活动链接带有下划线而且是红色的。
扩展资料：
Html中a标签伪类：
1、a:link{color:#FF0000}
未访问的链接样式。
2、a:visited{color:#00FF00}
已访问的链接样式。
3、a:hover{color:#FF00FF}
当有鼠标悬停在链接样式。
4、a:active{color:#0000FF}
被选择的链接样式。
参考资料来源：百度百科-a（HTML语言标签）
html关于超链接的代码
给你四个演示文件:
文件top.htm内容如下:
<html>
<frameset cols="40%,60%">
<frame name="left" src=".\left.htm">
<frame name="right" src=".\right.htm">
</framset>
</html>
文件left.htm内容如下:
<body>
<a href=1.htm target=_top><font color=red>在父窗口显示</font></a>
<a href=1.htm><font color=red>在左窗口显示</font></a>
<a href=1.htm target=right><font color=red>在右窗口显示</font></a>
</body>
文件right.htm内容如下:
<body>
<a href=1.htm target=_top><font color=red>在父窗口显示</font></a>
<a href=1.htm target=left><font color=red>在左窗口显示</font></a>
<a href=1.htm><font color=red>在右窗口显示</font></a>
</body>
文件1.htm内容如下:
<html>
演示内容
<a rel="external nofollow" href="javascript:history.back(1)">返回上一页</a>
</html>
把这四个文件建立在同一个文件夹下,然后双击top.htm即可看到效果.
在html中怎么修改超链接后的字体的颜色
写法如下：
a:link，定义正常链接的样式； a:visited，定义已访问过链接的样式； a:hover，定义鼠标悬浮在链接上时的样式； a:active，定义鼠标点击链接时的样式。示例：a:link{ color:#FF0000; text-decoration:underline;} a:visited{ color:#00FF00; text-decoration:none;} a:hover{ color:#000000; text-decoration:none;} a:active{ color:#FFFFFF; text-decoration:none;}。
上面示例中定义的链接颜色是红色，访问过后的链接是绿色，鼠标悬浮在链接上时是黑色，点击时的颜色是白色。如果正常链接和已访问过的链接样式相同，鼠标悬浮和点击时的样式相同，也可以将它们合并起来定义：a:link, a:visited{ color:#FF0000; text-decoration:underline;} a:hover, a:active{ color:#000000; text-decoration:none;}。
链接定义的顺序没有规矩不成方圆，虽然链接定义写好了，但它也是有规则的，如果这四项的书写顺序稍有差错，链接的效果可能就没有了，所以每次定义链接样式时务必确认定义的顺序，link--visited--hover-active，也就是我们常说到的LoVe HAte原则（大写字母就是它们的首字母）。
定义局部链接样式在CSS中写上a:link{}这样的定义会使整个页面的链接样式改变，但有些局部链接需要特殊化，这个问题也不难解决，只要在链接样式定义的前面加上指定的id或class就可以了。示例：#sidebar a:link,#sidebar a:visiteid{ color:#FF0000; text-decoration:none;}#sidebar a:hover,#sidebar a:active{ color:#000000; text-decoration:underline;}。
调用方法：<div id="sidebar"><a rel="external nofollow" href="" target="_blank">链接到阿邦网<a></div>class的定义方法和id相同，只要将#sidebar改为.sidebar就行了，还有一种方法是直接定义链接的样式，那样更直接，不过调用时比较麻烦，需要给每个特定的链接加上定义的代码。
文章到此结束，如果本次分享的html超链接代码样式和html超链接效果的问题解决了您的问题，那么我们由衷的感到高兴！