详细解讲--怎样做文字图片的链接！！！

 

新白狐 作词 陈 瑞作曲 李旭辉演唱 陈 瑞制作 英雄 我是一只爱了千年的狐千年爱恋千年孤独长夜里你可知我的红妆为谁补红尘中你可知我的秀发为谁梳我是一只守侯千年的狐千年守侯千年无助情到深处看我用美丽为你起舞爱到痛时听我用歌声为你倾诉寒窗苦读你我海誓山盟铭心刻骨金榜花烛却是天涯漫漫陌路殊途能不能让我为爱哭一哭我还是千百年前爱你的白狐多少春去春来朝朝暮暮生生世世都是你的狐 能不能让我为爱哭一哭我还是千百年来不变的白狐 多少春去春来朝朝暮暮来生来世还做你的狐 博友们,我学习做博客的体会是,其它的可以少学或可以不学, 但文字、图片的 链接必须学。学会了，你就可 以把你博客 中的所有内容链接在一个页面中，也可以把各大网站上的内容链接在一个页面中。这样就使你的 博客的内容相当丰富，看起来一目了然，而且， 使用起来特别方便，一点就出来了。不信，你试试看啰！ 下面我就把做文字图片链接的方法介绍如下，供博友们参考。 一、‘文字链接’的制作方法 ----通过文字链接到其它网页 一、首先，大家要明确，文字图片的链接是用代码链接的。这个代码公式是： <a href="相关地址" target=_blank>相关文字</a> 二、注意：千万不要用这个代码：<a href="相关地址" >相关文字</a> ，用这 个代码链接的话，在打开你链接的 页面窗口时，你自己的博客窗口就不见了，要回到你自己博客窗口就不行了，只有重新登陆进入， 那多麻烦，这个代码不科学， 不可用，必须用前面介绍的那个。 三、代码公式中的"相关地址"填什么，就是填你要链接的那篇文 章的网页页面网址或者图片的网 页页面网址，这个地址在哪里找， 一个网页顶上面不是有一个地址栏吗？就是那个地址栏中的网址。你只要把它复 制下来，然后粘贴在"相关地址"处就行了。 注意，"相关地址"处的引号不能去掉，只能用那个网址替代“相关地址”这4个字。 四、公式代码中的“相关文字”填什么，填你链接的那篇文章的题目或者你链接的那张图片的名称啰！ 也就是用文章题目或图片名称来替代“相关文字”这4个字。OK！就是这样。 五、在什么地方编辑？ 一、是在日志的HTML代码编辑窗口进行编辑; 二、是在自定义模块的HTML代码编辑窗口进行编辑。 A: 在日志的HTML代码编辑窗口进行编辑请参看：→〖如何制作浏览导航〗 B: 在自定义模块的HTML代码编辑窗口进行编辑请参看: →〖代码的粘贴法〗 二、再看看图片的链接制作方法: ----通过图片链接到其它网页 一、图片链接代码(1)： <A href="链接的网址" target=_blank><IMG src="图片地址" border=0></A> 做法参考文字链接 效果观看： 《陪狼逛街的羊口袋》 点击图片进入吧！ 二、图片链接代码(2)： <A href="[url=http://koudai.360.cn/u/21684728/]http://koudai.360.cn/u/22360631/" target=_blank><IMG height=400 alt=" 点击图片即可进入ldm2124086 薰衣草的口袋" src="http://img.blog.163.com/photo/3AFPxGgX5eCTrA49U4s0Ug==/3958382597482427990. jpghttp://img.blog.163.com/photo/kCmJ2KD3IMHQIfInNPS6Rg==/3421609816895257583.jpg" width=300> </A> 说明: 1、红色处是链接的网址（可变）；2、蓝色处是图片地址（可变）；3、文字可换成你想用的文字 。 看看效果： 相关文章链接: 点击进入 → ‘文字类代码’的制作 1、 文字基本设制： 效果：插入文字 <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>   说明：       <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P> 　align=center　表示字体居中，可选值为居右（right）居左（left） 　color=颜色代码　具体颜色代码可参照：颜色选取＜＜点击查看 　face=字体　常用字体为：宋体.黑体.楷体.仿宋.新宋体.细明体等 　size=字体大小，这里的最大值为7　取值越大文字就越大 2、大字体文字： 效果：插入文字 <font style=font:40pt face=新宋体 color=#ff0000>插入文字</font> 说明： font:40pt　数值越大文字就越大   3、移动文字设置: 例1： 插入文字 <marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee> 说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right) 例2： 插入文字 <marquee behavior=移动效果>插入文字</marquee> 说明：   behavior=scroll 一圈一圈绕着走　 behavior=slide 只走一次　 behavior=alternate 来回走   例3： 插入文字 <marquee scrolldelay=500 scrollamount=100>插入文字</marquee> 例4： 插入文字 <marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">插入文字</marquee></marquee> 例5： 插入文字 <marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">插入文字</marquee></marquee> 例6： >>插入文字 << <marquee behavior="alternate" width="10%">>></marquee>你的文字<marquee behavior="alternate" width="10%"><<</marquee> 例7： >>你的文字 << <marquee behavior="alternate" width="10%">>></marquee>你的文字<marquee behavior="alternate" width="10%"><<</marquee> 例8： 有底色+文字颜色 <font color="#0000FF"><marquee direction="left" style="background: #FFCC00">你的文字</marquee></font> 例9： 有边框的 <marquee style="border:1px dotted #CC0066 ">你的文字</marquee> 例10： 3 | | |你的文字 | | | 4 <MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>你的文字<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE> 例11： 文字输入 <marquee behavior="alternate"><marquee width="150">文字输入</marquee></marquee> 例12： 文字一 文字二 <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>文字一<BR />文字二</center></marquee>   4，文字特效显示：   欢迎光临谜的博客         <CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>欢迎光临谜的博客</B></FONT></CENTER> 例2：   欢迎光临谜的博客                         <CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">欢迎光临谜的博客</FONT></CENTER> 例3： 欢迎光临谜的博客 <MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="图片地址"><FONT color=red face=楷体_gb2312 size=7>欢迎光临谜的博客</FONT></MARQUEE></MARQUE></MARQUEE>  例4： 欢迎光临谜的博客 客博的谜临光迎欢   <FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎光临谜的博客</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>客博的谜临光迎欢</MARQUEE></FONT></FONT> 注明： 在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width 例5: 『欢迎光临谜的博客代码站』 大家常来哦     <DIV style="LAYOUT-FLOW: vertical-ideographic"> <P>你的文字 <P>你的文字</P></DIV> 例6： 祝 愿 朋 友 们 开 心 ！ <marquee scrollamount=8 direction=right behavior=alternate><b><font color=#7700bb size=5><font color=lime> <marquee direction=up behavior=alternate width=40 height=200 align="middle">祝</marquee><font color=red> <marquee direction=up behavior=alternate width=40 height=150>愿</marquee><font color=orange> <marquee direction=up behavior=alternate width=40 height=200>朋</marquee><font color=fuchsia> <marquee direction=up behavior=alternate width=40 height=150>友</marquee><font color=olive> <marquee direction=up behavior=alternate width=40 height=200>们</marquee><font color=green> <marquee direction=up behavior=alternate width=40 height=150>开</marquee><font color=red> <marquee direction=up behavior=alternate width=40 height=200>心</marquee><font color=orange> <marquee direction=up behavior=alternate width=40 height=150>！</marquee><font color=orange></font></b></marquee> 例7： 祝 愿 朋 友 们 开 心     <center><font face=隶书 color=red size=15> <marquee direction=up behavior=alternate width=60 height=120>祝</marquee><font color=yellow> <marquee direction=up behavior=alternate width=60 height=80>愿</marquee><font color=brown> <marquee direction=up behavior=alternate width=60 height=120>朋</marquee><font color=green> <marquee direction=up behavior=alternate width=60 height=80>友</marquee><font color=orange> <marquee direction=up behavior=alternate width=60 height=120>们</marquee><font color=yellow> <marquee direction=up behavior=alternate width=60 height=80>开</marquee><font color=orange> <marquee direction=up behavior=alternate width=60 height=120>心</marquee></font></b></marquee></font></center></font></font></font></font></font> </font＞ 例8： 欢迎光临谜的博客 <div style="width: 350; font-size:15pt; font-family: arial ; color: red; ; filter: dropshadow(color=000000, offx=3, offy=3, positive=1)">你的文字</div> 例9: 我凹下去了吧？ 你不想试试吗？ <DIV style="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 20px; OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 18px; PADDING-TOP: 20px; BACKGROUND-COLOR: #eeeeee; WORD-WRAP: break-word"><FONT disabled>我凹下去了吧？<BR>你不想试试吗?</A></FONT> </DIV>       5.在博客摘要设置字体 在博客摘要设置里添加下列html代码。 　A 调整字体大小 博客摘要文字前添加：<font size=#> ，文字后添加</font>，其中 #=1, 2, 3, 4, 5, 6, 7 ；从1到7表示字体由小到大。你从这些数字里选择合适的一个，比如1，代替#即可，你可逐个试试观察效果最后选定。   　B调整字体色彩 博客摘要文字前添加：<font size=#> ，文字后添加</font>，其中 #=1, 2, 3, 4, 5, 6, 7 ；从1到7表示字体由小到大。你从这些数字里选择合适的一个，比如1，代替#即可，你可逐个试试观察效果最后选定。 博客摘要文字前添加<font color=#>，文字后添加</font> ，其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩。你从它们当中选择满意的一种色彩，比如olive,代替#即可。你也可逐个试试观察效果最后选定。   6.给文字加移动连接 <marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a></marquee> 说明： 要想加多个的话就把<a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a> 加在最后那个</marquee>的前面 其中的 direction= 是图片移动方向 up down right left  任意填写       ldm2124086 欢迎光临                                  ldm2124086BOLAG