注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

百合

欢迎朋友来访让友谊地久天长

 
 
 

日志

 
 

引用 博客实用代码汇编(六)  

2009-12-21 11:07:43|  分类: 代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

武克博客实用代码汇编(六)

 

 

 

博客实用代码汇编(六)

 

文字式地址链接

 

武 克 整 理



希望朋友们喜欢!


代码在线运行检测 

 

一、一般式链接的代码

 

基本代码:<a href="所要连接的相关地址">写上你想写的字</a>  

 

<P align=center>

<a href="链接地址"target=_blank><FONT size=4><font color=Red >链接名称</font></font></A><BR>

<a href="链接地址"target=_blank><FONT size=4><font color=Red >链接名称</font></font></A><BR>

<a href="链接地址"target=_blank><FONT size=4><font color=Red >链接名称

</font></font></A>

 

说明:1)<P align=center>表示所处位置居中;

2)可以根据自己的需要重复使用,从而增加链接的数目。为了使链接清晰,可使用一个或多个换行代码<BR>来实现;

3)文字的大小size=4其数值可调;

4)文字颜色color=Red,其数值可调,Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩。

 

 

二、分栏式链接的代码

 

第1种代码

 

<div align=center><TABLE cellSpacing=0 cellPadding=0 width=550 border=0>

<TBODY><TR><TD> <P align=center></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§

<TBODY><TR><TD> <P align=center></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§

<TBODY><TR><TD> <P align=center></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§ 

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§

<A href="链接地址" target=_blank><FONT color=#ff00ff>链接名称</FONT></A>§ 

</TD></TR></TBODY></TABLE></DIV>   

说明:1)可以根据自己的需要重复使用以上相同的代码,从而增加或减少链接的数目;

2)§是一个分隔符号,可换成小图片或其它符号;

3)可以根据自己的需要使用<BR>任意分隔行列的数目。

 

第2种代码

 

<h3><a href="链接网址" target="_blank">*文章名称</a>

<a href="链接网址" target="_blank">*<FONT color=#ff0000>链接名称</FONT></a>

<a href="链接网址" target="_blank">*<FONT color=#ff0000>链接名称</FONT></a><BR>

<a href="链接网址" target="_blank">*<FONT color=#ff0000>链接名称</FONT></a>

<a href="链接网址" target="_blank">*文章名称</a>

<a href="链接网址" target="_blank">*<FONT color=#ff0000>链接名称</FONT></a><BR>

<a href="链接网址" target="_blank">*文章名称</a>

<a href="链接网址" target="_blank">*<FONT color=#ff0000>链接名称</FONT></a>

<a href="链接网址" target="_blank">*文章名称</a><BR>

<a href="链接网址" target="_blank">*<FONT color=#ff0000>链接名称</FONT></a>

<a href="链接网址" target="_blank">*文章名称</a>

<a href="链接网址" target="_blank">*<FONT color=#ff0000>链接名称</FONT></a><BR>

<a href="链接网址" target="_blank">*文章名称</a>

<a href="链接网址" target="_blank">*<FONT color=#ff0000>链接名称</FONT></a>

<a href="链接网址" target="_blank">*文章名称</a></h3><h3>

 

说明:1)可以根据自己的需要重复使用以上相同的代码,从而增加或减少链接的数目;

2)*是一个分隔符号,可换成小图片或其它符号;

3)可以根据自己的需要使用<BR>分隔行列的数目。

 

 

三、列表式链接的代码

 

第1种代码

 

<TABLE cellSpacing=1 cellPadding=1 width=500 border=0

bgcolor=#ffffff><tr height="20" align="center" bgcolor=#E6FAFF>

<TD><a href=链接地址1 target="_blank">链接名称</a></TD>

<TD><a href=链接地址2 target="_blank">链接名称</a></TD>

<TD><a href=链接地址3 target="_blank">链接名称</a></TD>

</TR></TABLE>

<TABLE cellSpacing=1 cellPadding=1 width=500 border=0

bgcolor=#ffffff><tr height="20" align="center" bgcolor=#E6FAFF>

<TD><a href=链接地址4 target="_blank">链接名称</a></TD>

<TD><a href=链接地址5 target="_blank">链接名称</a></TD>

<TD><a href=链接地址6 target="_blank">链接名称</a></TD

</TR></TABLE>

<TABLE cellSpacing=1 cellPadding=1 width=500 border=0

bgcolor=#ffffff><tr height="20" align="center" bgcolor=#E6FAFF>

<TD><a href=链接地址7 target="_blank">链接名称</a></TD>

<TD><a href=链接地址8 target="_blank">链接名称</a></TD>

<TD><a href=链接地址9 target="_blank">链接名称</a></TD

</TR></TABLE>

 

说明:可以根据自己的需要重复使用以上相同的代码,从而增加或减少链接的行数或列数。

 

第2种代码

 

<TABLE cellSpacing=1 cellPadding=0 width=450 align=center

bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#dbe4f4 height=20>

<TD width="33%"><A href="链接地址1">链接名称</A></TD>

<TD width="33%"><A href="链接地址2">链接名称</A></TD>

<TD width="33%"><A href="链接地址3">链接名称</A></TD></TR>

<TR bgColor=#dbe4f4 height=20>

<TD width="33%"><A href="链接地址4">链接名称</A></TD>

<TD width="33%"><A href="链接地址5">链接名称</A></TD>

<TD width="33%"><A href="链接地址6">链接名称</A></TD></TR>

<TR bgColor=#dbe4f4 height=20>

<TD width="33%"><A href="链接地址7">链接名称</A></TD>

<TD width="33%"><A href="链接地址8">链接名称</A></TD>

<TD width="33%"><A href="链接地址9">链接名称</A></TD></TR>

</TBODY></TABLE>

 

说明:可以根据自己的需要重复使用以上相同的代码,从而增加或减少链接的行数或列数。

 

第3种代码

 

<TABLE cellSpacing=0 cellPadding=0 width=185 bgColor=#ffeeee border=0><TBODY>

<TR><TD bgColor=#ff992a height=20>

<DIV align=center><B><SPAN style="FONT-SIZE: 14px"><FONT color=#ffffff>

<A href="链接地址1" target=_blank><FONT color=#ffffff>链接名称</A></FONT></SPAN></B></DIV></FONT></TD></TR><TR>

<TD height=1><IMG height=1 src="http://star.tfol.com/images/shim.gif" width=1></TD></TR>

<TR><TD bgColor=#64bed6 height=20>

<DIV align=center><B><SPAN style="FONT-SIZE: 14px"><FONT color=#ffffff>

<A href="链接地址2" target=_blank><FONT color=#ffffff>链接名称</A></FONT></SPAN></B></DIV></FONT></TD></TR><TR>

<TD height=1><IMG height=1 src="http://star.tfol.com/images/shim.gif" width=1></TD></TR>

<TR><TD bgColor=#ff9aa7 height=20>

<DIV align=center><B><SPAN style="FONT-SIZE: 14px"><FONT color=#ffffff>

<A href="链接地址3" target=_blank><FONT color=#ffffff>链接名称</A></FONT></SPAN></B></DIV></FONT></TD></TR><TR>

<TD height=1><IMG height=1 src="http://star.tfol.com/images/shim.gif" width=1></TD></TR>

<TR><TD bgColor=#ad9aff height=20>

<DIV align=center><B><SPAN style="FONT-SIZE: 14px"><FONT color=#ffffff>

<A href="链接地址4" target=_blank><FONT color=#ffffff>链接名称</A></FONT></SPAN></B></DIV></FONT></TD></TR><TR>

<TD height=1><IMG height=1 src="http://star.tfol.com/images/shim.gif" width=1></TD></TR>

<TR><TD><IMG style="WIDTH: 185px; HEIGHT: 2px" height=25 src="http://star.tfol.com/images/left_bg01.gif" width=185></TD></TR></TBODY></TABLE></DIV>

 

说明:可以根据自己的需要重复使用以上相同的代码,从而增加或减少链接的行数。

 

 

四、带滑动条链接的代码

 

<DIV style="BORDER: black 0px solid; OVERFLOW: scroll; OVERFLOW-X: hidden; DIRECTION: rtl; WIDTH: 200px; HEIGHT: 200px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #996633; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #996633" align=left>

<DIV><A href="链接地址"target=_blank>链接名称</A></DIV>

<DIV><A href="链接地址"target=_blank>链接名称</A></DIV>

<DIV><A href="链接地址"target=_blank>链接名称</A></DIV>

<DIV><A href="链接地址"target=_blank>链接名称</A></DIV>

<DIV><A href="链接地址"target=_blank>链接名称</A></DIV>

<DIV><A href="链接地址"target=_blank>链接名称</A></DIV>

<DIV><A href="链接地址"target=_blank>链接名称</A></DIV>

说明:1、SCROLLBAR-ARROW-COLOR: #ffffff 是红色字符的颜色代码,可以更换;

2、<DIV><A href="链接地址"target=_blank>链接名称</A></DIV> 这一段代码可以无限制的复制添加。




祝您浏览愉快!

更多精彩,请您点击:博客在线工具大全
名家博客实用教程
博客实用素材大全
博客实用代码汇编

博客实用代码汇编(六) - 武克 - 武  克  博  客


 

 

  评论这张
 
阅读(56)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017