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

春 天

     愿我的博友都接受福音

 
 
 

日志

 
 

引用 【原创】芝麻心语(一)  

2009-02-09 15:29:37|  分类: 电脑知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

精彩人生【原创】芝麻心语(一)

时间:2007年12月23日星期日

地点:芝麻讲堂

教师:“芝麻开门了”圈主  沧海

学员:“芝麻开门了”圈子管理员

我们在装饰博客首页的时候,在博客首页建立模块。目的是为了在模块里放一些链接,或是文字链接,或是图片链接,这些链接都是靠代码来完成的,比如说空间里的音乐就是通过超级链接的方式来完成的。代码就是HTML各种命令。本系列讲座的主要内容就是代码运用的基本模式和方法。

本节课内容:

一、文字链接

二、文字修改

三、添加图片

四、最常用代码

具体讲解:

一、文字链接

<a href="文字链接的地址">文字</a>

<a是开头

</a>是结束的意思

其中,引号部分是你模块中,文字所要链接的地方。

刚才讲的那个命令,就是超级链接的命令,可以链接文字,可以链接图片(jpg,jif)。

二、文字修改

<a href="文字地址">文字</a>

在这里,可以针对文字进行修改。

1、颜色修改

<font color="文字颜色">

文字颜色,可以到小海空间找一个文字颜色的对照表,但是,最基本的要记住,就是白色和黑色。

白色FFFFFF

黑色000000 

附:

颜色代码大全

2、大小修改:

<h1>---<h5>文字大小

例如:<a href="文字地址"><font color="文字颜色"><h5>文字</a></font></h5>

<h5></h5>

一个是开始,一个是结束。因为以什么开始,就要以什么结束,但是结束命令前面必须有/,这两个数值必须是一样的。

3、居中命令:

<EMBED>居中开始,</EMBED>居中结束

在代码中的位置:

<EMBED>

<a href="文字地址"><font color="文字颜色"><h5>文字</a></font></EMBED></h5>

注意:居中命令要慎用,因为用不好,会很难看的,除非你觉得,图片或者文字应该居中,你再用。

三、添加图片:

想在带链接的文字前面,添加一副图片,操作如下:

1、图片不在链接范围内,代码如下:

<img src="图片地址"><a href="文字链接地址"><font color="文字颜色">文字</a></font>

这段代码,图片没有在链接范围,只是点文字会链接到文字所链接的地方。

2、图片也在链接范围之内:

<a href="文字图片链接地址"><img src="图片地址"><font color="文字颜色">文字</a></font>

这个,点图片,点文字,都可以链接到文字链接地址。

小结:

简单的说,如果链接地址在最前面,结束符号在最后,那么中间的部分,无论是图片还是文字,点击后都会链接到想要链接的地方的;如果单独把图片链接的地址拿到最前面,那么只是点文字会链接到文字链接地址的。

3、图片链接但文字不链接:

<font color="文字颜色">文字</font><a href="想要链接的地址"><img src="图片地址"></a>

这个,是前面有文字,后面有张图片,但是只是点图片,才可以跳转到想要链接的地址。

 

你们看,就这一段代码,可以变换成这几种方式,所以,就是活学活用,你能看懂,你就可以随便换位置,链接照样不失效。

4、单独的图片链接方法:

<a href="想要链接的地址"><img src="图片地址"></a>

这个代码中,只有一副图片,你点图片,就可以跳到你想去的地方。

四、最常用代码

<br>换到下一行,相当于回车

<hr>加一条水平线

&nbsp;这个是空格命令

五、练习

1、 <font color="000000">【视频教程】</font>

这段代码,知道是什么意思吗?

    【视频教程】设为黑色,没有链接

2、<font color="red"><h5>【小海豚-芝麻开门】</h5></font>

   【小海豚-芝麻开门】为红色,字体大小<h5>,没有链接

3、如果想把这几个字添加上链接,点一下这几个字就链到我们圈子,那应该添加什么代码?

  <a href="文字链接地址"><font color="red"><h5>【小海豚-芝麻开门】</h5></font></a>

 

  注明:有什么开始,就有什么结束

        <a  </a>  链接的开始和结束

        <font  </font>  文字颜色的开始和结束

       <h5>  </h5>  字体大小设置的开始和结束

 

总结:今天主要讲了链接代码的灵活运用

在链接代码中插入图片,文字,使图片文字具有超级链接功能,还讲了几个比较简单,但是比较特殊的小命令,比如说空格命令,居中命令,插入水平线命令,还讲了怎样控制文字的大小和颜色。

大家学会了吗?到博客中试一试吧!祝你成功!

 

  

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

历史上的今天

评论

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

页脚

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