北京做网站第八课:HTML教程做网页href链接代码大全
按照使用对象的不同,网页中的链接可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等
图片超链接:
代码:<a href="你要链接到的地址"target="_blank"><img scr="图片地址URL"width="宽度" height="高度" alt="图片说明"border="0"></a>
文字超链接:
代码:<a href="所要链接的地址"target="_blank">输入的文字</a>
LOGO超链接:
代码:<a href="地址"><img src="图片logo地址" border="0"></a>
E-MAIL链接
简单说说这个邮件链接吧,其实也相当简单,就一行代码
<a href="mailto:你的e-mail地址 ">请向我发送e-mail</a>
锚点链接:
1. 先建立目标
<a id="top" name="top"></a>
2. 引用目标
<a href="#top">返回顶部</a>
空链接:
<a href="#">
把以下代码加在已经存在的面板里(想选那种方式就加那段代码,不要全部都加):
<STYLETYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>
2 增加链接的力度—即字体变大
<STYLETYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>
3 触到链接是出现虚线
代码:<STYLETYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>
4 会移动的链接
代码<STYLETYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>
5 给链接添加背景色
<STYLETYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF;}
</STYLE>
注意:color颜色自己设定,把以上蓝色地方换成你喜欢的颜色代码,具体颜色代码请看美化必备-常用颜色代码
6 音乐超级连接下载代码:
<A HREF="音乐地址URL"TARGET=_BLANK>你的音乐名字</A>
然后把你的IE浏览器上的Internet选项中的"始终使用UTF-8发送URL"勾选去掉即可!!这样可以让其他人直接点你的连接进行下载!(具体:你的IE浏览器上"工具"菜单->Internet选项->"高级"标签->始终使用UTF-8发送URL->勾选去掉)
7 链接特效
雾化链接:
将下面代码加到网页BODY区域
<div style="width: 96;height: 9" class=coffeeonMouseOver="this.style.filter='glow(color=#FFCC00,strength=6)'"onMouseOut='this.style.filter=""'>
上一条: 最新做网页jquery培训教程小结[非常实用哦]
下一条: 网页平面设计中的平衡理论