高娜恩微博:【原创】芝麻心语(一)

来源:百度文库 编辑:九乡新闻网 时间:2024/04/26 16:41:39

【原创】芝麻心语(一)  

2007-12-23 21:20:50|  分类: 博客教程 |  标签: |字号大中小 订阅


 

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

地点:芝麻讲堂

教师:沧海

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

在首页建立模块的目的是为了往模块里放一些链接,或是文字链接,或是图片链接,先讲文字链接

首先明确HTML各种命令,就是代码,通过这个,可以建立超级链接,比如说你空间的音乐就是通过超级链接的方式完成的。

一、文字连接

文字

是结束的意思

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

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

二、文字修改

文字

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

1、颜色修改

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

白色FFFFFF

黑色000000

 

2、大小修改:

---
文字大小

例如:

文字

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

3、居中命令:

居中开始,居中结束

在代码中的位置:

文字

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

三、添加图片:

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

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

文字

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

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

文字

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

小结:

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

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

文字

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

 

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

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

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

四、最常用代码:


换到下一行,相当于回车


加一条水平线

 这个是空格命令

五、练习:

1、 【视频教程】

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

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

2、

【小海豚-芝麻开门】

   【小海豚-芝麻开门】为红色,字体大小

,没有链接

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

 

【小海豚-芝麻开门】

 

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

          链接的开始和结束

          文字颜色的开始和结束

      

 
  字体大小设置的开始和结束

 

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

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

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