首页/网站制作公司/北京做网站第八课:HTML教程做网页href链接代码大全

北京做网站第八课:HTML教程做网页href链接代码大全

发布-xiaoming | 浏览量-

按照使用对象的不同,网页中的链接可以分为:文本超链接图像超链接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="#">

把以下代码加在已经存在的面板里(想选那种方式就加那段代码,不要全部都加):

1 让链接变色   

<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=""'>  
 

原文地址:http://www.35ui.cn/post/201001211528.html

标签seo网页优化做网页常用代码html网页模板

上一条: 最新做网页jquery培训教程小结[非常实用哦]
下一条: 网页平面设计中的平衡理论

或许你还对下面的文章感兴趣