HTML超链接代码
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML超链接代码相关的知识，希望对你有一定的参考价值。
html超链接的写法是使用a标签，如：<a 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语言标签）
参考技术A HTML使用定义锚<a>创造链接，可用于文本，图片，HTML元素……一，将文本作为超链接
<a
href="链接地址">文本</a>
二，将图像作为超链接
<a
href="链接地址"><img
border="0"
src="图像地址"/></a>
三，将书签作为超链接
<a
name="tips">(在网页上显示的）书签文本</a>
①
在同文档中创建指向该锚的链接。
<a
href="#tips">文本</a>
②
在其他页面创建指向该锚的链接。
<a
href="链接地址#tips">文本</a>
注：tips可以改成任意值。
用#符号添加到链接地址的末端，就可以直接链接到tips这个命名了。
其他更多细分的就不说了，大致使用上就这几个 参考技术B 给你四个演示文件:
文件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 href="javascript:history.back(1)">返回上一页</a>
</html>
把这四个文件建立在同一个文件夹下,然后双击top.htm即可看到效果. 参考技术C 比如，你想把“返回首页”字个字加超链接，在这四个汉字前后写上<a>标签
如:
<a
href="Home.htm"
target="_self或_blank">返回首页</a>
其中<a>标签的href属性表示点击后转向的网页，而target属性表示跳转网页的目标框架
如果选择_self，则目标网页替换现有网页，在本浏览器窗口切换，
如果选择_blank，则目标网页出现在新打开的本浏览器窗口中。 参考技术D <a href="URL">链接名称</a>本回答被提问者和网友采纳
html里超链接下的横线怎样去掉?
html里超链接下的横线怎样去掉?
如果是用Dreamweaver,可以使用“修改|页面属性”下的对话诓，里面有链接样式可以根据需要选择，这是针对全文链接进行的设置。修改源代码也可以：
把<body>标签改成<body style="text-decoration:none ">，可以使全文链接内容的下划线统统消失！
也可以修改链接标签，例：
<a href="http://www.baidu.com">百度</a>
这样改：
<a href="http://www.baidu.com" style="text-decoration:none ">百度</a>
也就是说，在<a>标签内添加"style"属性即可。
如果使用了CSS，可以这样操作：
.baidu
font-size:24px
text-decoration: none;
综上所述，其方法就在于一条属性：text-decoration: none; 参考技术A <style type="text/css">
<!--
a:link
text-decoration: none;
a:visited
text-decoration: none;
a:hover
text-decoration: none;
a:active
text-decoration: none;
-->
</style>
加到<HEAD> </HEAD>中间本回答被提问者和网友采纳 参考技术B 用Dreamweaver 编辑
CTRL +J 选择 “连接”
在右边面版下方 选择“始终无下滑线” 参考技术C <style
type="text/css">
<!--
a:link
text-decoration:
none;
a:visited
text-decoration:
none;
a:hover
text-decoration:
none;
a:active
text-decoration:
none;
-->
</style>
加到<HEAD>
</HEAD>
中间
以上是关于HTML超链接代码的主要内容，如果未能解决你的问题，请参考以下文章