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

钩花博客钩针图解crochet blog

微博:@钩针姐姐 http://weibo.com/gouzhenjj

 
 
 

日志

 
 

引用 文字图片链接与导航表格制作   

2009-12-14 15:29:15|  分类: 美化博客 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

洞庭居士文字图片链接与导航表格制作

                            引用 文字图片链接与导航表格制作   - 钩针姐姐 - 钩针姐姐手工艺术钩织      引用 文字图片链接与导航表格制作   - 钩针姐姐 - 钩针姐姐手工艺术钩织  

 

 

               文字图片的链接方法 

        (引自海珠儿老师文/部分系本人整理和自创)

  博友们,我学习做博客的体会是,其它的可以少学或可以不学,但文字、图片的链接必学。学会了,你就可以把你博客中的所有内容链接在一个页面中,也可以把各大网站上的内容链接在一个页面中。这样就使你的博客的内容相当丰富,看起来一目了然,而且,使用起来特别方便,一点就出来了。不信,你试试看啰下面我就把做文字图片链接的方法介绍如下,供博友们参考。

一、文字链接----通过文字链接到其它网页:

(一)首先,大家要明确,文字图片的链接是用代码链接的。这个代码公式是<a href="相关地址" target="_blank">相关文字</a>

(二)注意:千万不要用这个代码:<a href="连接地址">相关文字</a>,用这个代码链接的话,在打开你链接的页面窗口时,你自己的博客窗口就不见了,要回到你自己博客窗口就不行了,只有重新登陆进入,那多麻烦,这个代码不科学,不可用,必须用前面介绍的那个。

   (三)代码公式中的"相关地址"填什么,就是填你要链接的那篇文章的网页页面网址或者图片的网页页面网址,这个地址在哪里找,一个网页顶上面不是有一个地址吗?就是那个地址栏中的网址。你只要把它复制下来,然后粘贴在"相关地址"处就行了注意,"相关地址"处的引号不能去掉,只能用那个网址替代相关地址4个字。

   (四)公式代码中的相关文字填什么,填你链接的那篇文章的题目或者你

链接的那张图片的名称啰!也就是用文章题目或图片名称来替代相关文字4个字。OK!就是这样。

   (五)在什么地方编辑?一是在日志的HTML代码编辑窗口进行编辑,二是在自定义模块的HTML代码编辑窗口进行编辑。在日志的HTML代码编辑窗口进行编辑请参看:怎样制作浏览导航(原作 不可复制) 在自定义模块的HTML代码编辑窗口进行编辑请参看:所有代码的粘贴法(献给初学者)

       二、 图片链接 ----通过图片链接到其它网页

     (一)图片链接代码(1)

                        <A href="链接的网址" target=_blank><IMG src="图片地址" border=0></A> 

             做法参考文字链接。

             效果观看:      引用 文字图片链接与导航表格制作   - 钩针姐姐 - 钩针姐姐手工艺术钩织

 

   

       (二)图片链接代码(2)

                   <A href="http://blog.163.com/gsd_432427/" target=_blank><IMG height=400 alt=" 点击

         图片即可进入海珠儿博客" src="http://img.blog.163.com/photo/NRNeXIWj1oqgUXvnbX0BgA

                ==/615022824112846647.jpg" width=300> </A>  

   说明:1. 红色处是链接的网址(可变);2. 蓝色处是图片地址(可变);

     3. 文字可换成你想用的文字 

                     看看效果:

              

                                            引用 文字图片链接与导航表格制作   - 钩针姐姐 - 钩针姐姐手工艺术钩织 

              

怎样制作浏览导航

我多次看到有些博友有做浏览导航的要求,就是不知道做法,为了满足博友们的愿望,我把我做浏览导航的过程写出来,以供参考。

 第一步在编辑日志窗口按你文章的类别归类做文字链接其步骤如下:

     1、点击日志----点击写日志,进入编辑日志窗口;

     2、在编辑日志窗口的右上角点击全部功能”----找到<>按钮,点击

HTML代码编辑窗口;

     3、在代码编辑窗口中做文字链接:

    A、输入文字链接代码:<a href="相关地址" target="_blank">相关文字</a>

    B相关地址处粘贴你一篇日志的网址。注意不能在日志分类中打开你的日志,要 在你最近发表的日志那个模块中打开你的日志,然后在顶上面的网址栏中把日志网址复制,再粘贴在相关地址处。

    C相关文字处填你那篇日志的名称,如:1、中秋情思。

    D、一类中有几篇日志就按上述方法依次反复做几次,编上序号。

    E、每个日志标题的换行,方法很简单,就是在文字链接代码的前面加一个换行代码<br>

      :    <br><a href="相关地址" target="_blank">相关文字</a>

   F、如果想字大一点,那就在所有代码的前后各加一个放大字体的代码<h2>

      :    <h2><a href="相关地址" target="_blank">相关文字</a><h2>

  4、点击编辑窗口的<>按钮,回到日志编辑窗口;(点那个预览可以看编辑状况);

  5、日志标题栏中填你日志类别的名称,类别栏中填浏览导航;

  6、到此为止,你就做好了一个类别的文字链接,点击发表日志完成。

第二步在自定义模块中做文字链接,这个文字链接是指浏览导航的类别名称地址的链接。

1、怎样进入自定义模块?请参看我写的所有代码的粘贴法这一章,请点击:所有代码的粘贴法

2、文字链接的方法按第一步中第三小点的所有步骤依次操作。

   1怎样在首页添加一个新的自定义模块来粘贴代码,其具体步骤请参看--- 怎样添加自定义模块和在自定义模块中做动画的超级链接

   2、怎样在日志窗口的HTML代码编辑器中粘贴代码进行编辑 

     A、首先要能分清是在日志编辑窗口还是在HTML代码编辑器中,打开日志后点击写日志就进入了日志编辑窗口,如果要进入“HTML代码编辑器那就要点击右上角的全部功能,然后在工具栏内选择按钮<>就 进入了。也就是当鼠标箭头对着<>按钮时,如果出现显现HTML代码的字样,说明这还在日志编辑状态,这个状态下可以对文字进行编辑;点 击<>按钮后再用鼠标箭头对着<>,如果出现的是隐藏HTML代码的字样,说明已经进入了HTML编辑器,这个状态下,就可以粘贴代码在其中了。

    B、粘贴代码后可点击右上角的预览”,预览不成功,又回到代码编辑器中进行编辑,直到成功为止。

 怎样添加自定义模块和在自定义模块中做动画的超级链接

1、在首页右顶上面点击换衣服”=》在出现的首页顶栏选择设置首页内容

 2、稍后便进入模块选项对话框,然后选择顶下面的添加自定义模块,片刻之后,就会出现一个自定义模块对话框;

 3、在出现的对话框中粘贴代码;

 4、给模块命名后点确定,模块就在首页了,再点顶上面的"保存修改"

 5、如果要链接动画,就在自定义模块中的第二行选择插入Flash,这时就会在上方出现一个Flash文件地址的长条对话框;

 6、将动画地址复制——粘贴在“Flash文件地址栏内,点击确定,动画代码就粘贴在下面的自定义模块中了;

 7、在自定义模块中填写模块名称,点击保存,自定义模块就显示在首页了;

 8、然后将鼠标指着这个模块,当鼠标变成四个箭头时按住就可以拖动模块到合适位置了,最后点一下最上面的保存修改就行了。不信你试试!动画地址有的是,请点击

表格制作方法及表格中的文字链接

操作窗口:编辑状态下的自定义模块中或编辑状态下的日志窗口的HTML编辑器中。

  一、表格基本代码:

<TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#ff0000 border=0>
<TBODY>
单元格代码处</TBODY></TABLE>

      说明:width=450 表单元格宽度;bgColor=#ff0000 表边框颜色,“ff0000”这是红颜色代码,

要改变颜色可参看颜色代码表。

     二、表格单元格代码:

<TR bgColor=#dbe4f4 height=40>

<TD width="100%">文字编辑或文字链接代码处</TD></TR>

三、将单元格代码插入基本代码中后的代码示范:

             <TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#ff0000 border=0>
              <TBODY>

   <TR bgColor=#dbe4f4 height=40>

  <TD width="100%">文字编辑或文字链接代码处</TD></TR></TBODY></TABLE>

说明:

1width=450 这是单元格的宽度,“450”这个值是可以变的。如果把表放在首页中间宽的一栏,这个值

可设为“440--450”为宜;如果把表放在窄的一栏,这个值可设为“220”为宜。

2、红色代码是代入的单元格代码;

3height=40 这是单元格的高度, “40”这个值是可以改大改小的;

4width="100%" 这是表单元格的宽度的百分比,100%这个值也是可以变化的。如果在一行中不需再分

成小单元格,那么它的百分比就是100%;(即单元格宽度width=450 100%

四、将插入红色单元格代码后的一段代码连续复制粘贴几次就是几行单元格。

一行单元格效果:(复制粘贴代码1次)

文字编辑或文字链接代码处

两行单元格效果:(复制粘贴代码2次)

文字编辑或文字链接代码处

 

文字编辑或文字链接代码处

三行单元格效果:(复制粘贴代码3次)

文字编辑或文字链接代码处

 

文字编辑或文字链接代码处

 

文字编辑或文字链接代码处

四行单元格效果:(复制粘贴代码4次)

文字编辑或文字链接代码处

 

文字编辑或文字链接代码处

 

文字编辑或文字链接代码处

 

文字编辑或文字链接代码处

 

五、将行分成若干个小单元格:

    1如果在一行中又分成2个小单元格,那么它的百分比就是50%;(即每个

小单元格占单元格宽度width=450 50%)并将由开始标记<TD>和结束标记</T

D>组成的这段单元格代码(<TD width="50%">文字编辑或文字链接代码处</TD>
再复制粘贴1次插入代码中,下面代码示范中红色处就是.

     代码示范如下:

<TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#ff0000

border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%">文字编辑或文字链接代码处</TD>
<TD width="50%">文字编辑或文字链接代码处</TD></TR></TBODY></TABLE>

    思考:如果要将一行单元分成3个、4个、5......小单元格怎么办?

  答案:分成几个小单元格,红色代码就要在整个代码中出现几次,其百

       分比依次是:33.3%25%20%......

请看看效果:

文字编辑或文字链接代码处

文字编辑或文字链接代码处

 

文字编辑或文字链接代码处

文字编辑或文字链接代码处

文字编辑或文字链接代码处

 

文字编辑或文字链接代码处

文字编辑或文字链接代码处

文字编辑或文字链接代码处

文字编辑或文字链接代码处

 

文字编辑或文字链接代码处

文字编辑或文字链接代码处

文字编辑或文字链接代码处

文字编辑或文字链接代码处

文字编辑或文字链接代码处

 

六、在文字编辑或文字链接代码处做文字链接

    怎样做文字链接,请参看:文字图片的链接必须学做链接后的表格示例如下: 

      博客技巧

      朝花夕拾

     我的诗文

 

      博客技巧

      朝花夕拾

     我的诗文

 

      博客技巧

      朝花夕拾

     我的诗文

 

      博客技巧

      朝花夕拾

     我的诗文

 

      博客技巧

      朝花夕拾

     我的诗文

 

 

附:实用在线编辑器

沧海如何使用Html编辑器

提供两个在线Html编辑器,地址如下:

1.  http://www.gdcic.net/nds/deditor.html

2. http://www.doryuen.net/article/editor/editor.asp

本系统在许多地方均采用了功能强大的HTML编辑器。通过本编辑器可以直接进行图文混排编辑、表格编辑,也可以将WORDDREAMWEAVERFRONTPAGE中编辑好的文档直接拷贝到编辑器内,甚至可以将网页上显示的内容直接拷贝回编辑框。

上述编辑器使用起来十分方便,本人实践证明比在日志编辑处、首页自定义模块中做表格与图片链接要快捷得多!

 怎样在首页制作日志一览表或热点点击一览表

怎样在首页制作日志一览表或热点点击一览表呢?本人在做博客的过程中有下列体会:

      一、可以在自定义模块的HTML代码编辑器中进行编辑,用的文字链接代码是:

          <a href="相关地址" target="_blank">相关文字</a>  题目与题目之间要换行,换行代码

          是:<br>  详细步骤可参见: 文字图片的链接必须学,不过采用这种方法做日志一览表或热

          点点击一览表不理想,其原因就是做出来的一览表不漂亮,这种方法不可取。

      二、一般制作日志一览表或热点点击一览表都在收藏页面窗口进行编辑,在这个窗口做出来

          的一览表很美观,不用代码就可以做出来。

      三、具体操作步骤:

          1、首页顶上面有一个导航栏:blog.163.com首页 相片 收藏 好友 标签 关于我

          2、在编辑状态下,点击收藏,进入我的收藏页面。在这个页面窗口中,左边的一个

             “我的收藏列表:新版音乐(测试) .所有音乐  .所有专辑  RSS

                             在线书架   音乐收藏    网址档案     个性列表

             3、击个性列表个性列表下面就出现创建两个字,然后点击创建,窗口

          的右边就出现一个很大的新建个性列表窗口,下面有这样几个要填写的项:

               个性列表            描述          标签                保存取消

            4个性列表中填日志一览表热点点击,其它可不填,点保存个性列表

          这四个字就变为日志一览表热点点击了。

            5、点击日志一览表下面的添加项目,接着就在下面出项目  现了三个填写项目:

                         URL               描述                确定取消

            6、在项目中填写一篇日志的题目,再将这篇日志的所在网页的网址复制粘贴在URL栏中

           日志要在最近发表的日志列表中打开,这样才能得到这篇日志的准确网址描述可以

           不填。点击确定OK!就是这样!有多少篇日志,就这样重复多少次。

       四、移表到首页,这是在编辑状态下的首页操作的。具体步骤如下:

           首页--编辑我的博客--排版设置——内容模块——自定义模块——找到日志一览表后点

           击,所做的表就到了首页页面。

           如果还不明白,可参看:怎样初步安排好博客的页面

怎样初步安排好博客的页面?

                                    引用 文字图片链接与导航表格制作   - 钩针姐姐 - 钩针姐姐手工艺术钩织

 1.在顶上面博客栏右边点击换衣服,上面就会出现3个选项:换衣服设置首页内容 置首页版式

选择其中之一就可以设置了。换衣服下面还有两个选项:主题风格风格自定义确定字样上面的那一条

都是主题风格模式,类别有:最新、热门、心情、爱情、动漫等,可以直接点击选择设定。

(三栏式的版式归在这里面)

                          引用 文字图片链接与导航表格制作   - 钩针姐姐 - 钩针姐姐手工艺术钩织

  2.我们先点击设置首页版式,勾选版式类型中的一种,如绿勾所示.稍后,你选择版

     式就会出现在首页的页面中;(说明:三栏式的在主题风格中选择)。

                                              引用 文字图片链接与导航表格制作   - 钩针姐姐 - 钩针姐姐手工艺术钩织

  3.再回到首页顶部选择设置首页内容就会弹出一个窗口,窗口中

      列有:基本模块日志   好友   关于我   相片   访问  最近访客

                     日历   天气   留言     音乐播放器   我的圈子 最新评论

                     有道博客搜索     同城有缘人     有道博客魔方

          A.这些模块你都可以点击选上,稍后,这些模块就会出现在首页中;

          B.每一个模块都是可以随意移动位置的,将鼠标的箭头移到模块上方的边框上,当鼠标的箭头变成四个箭头时,按住不放就可以拖动了,拖动到合适位置后,点击右上角的保存修改才能生效。

                                               引用 文字图片链接与导航表格制作   - 钩针姐姐 - 钩针姐姐手工艺术钩织

   

4. 设置首页内容的对话框最下面点击添加自定义模块,就会出现上面这个对话框,在上面这个对话框中

   模块名称命名,点击确定,这个模块就到首页了,拖到合适位置就行了。 至于怎样在自定义模块

   添加内容,请参看:所有代码的粘贴法

                       引用 文字图片链接与导航表格制作   - 钩针姐姐 - 钩针姐姐手工艺术钩织 

   5. 依然回到首页顶部点击换衣服下面的风格自定义,再点击"新建风格";

6. 选择新建风格就会出现上面的对话框,这样你就可以对浏览器、顶区、导航条、中区、底区、模块和

  其它进行设置了。设置后点击保存风格,再点击返回,在返回后的对话框中选择使用此模式

  最后在顶栏点击关闭

              

                                         引用 文字图片链接与导航表格制作   - 钩针姐姐 - 钩针姐姐手工艺术钩织

    

     

   漂亮的表格与常用表格代码(应用于导航)(洞庭居士整理)

一、如何隐藏表格的四个边框。

    表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。
             只显示上边框 <table frame=above>
             只显示下边框 <table frame=below>
             只显示左、右边框 <table frame=vsides>
             只显示上、下边框 <table frame=hsides>
             只显示左边框 <table frame=lhs>
             只显示右边框 <table frame=rhs>
             不显示任何边框 <table frame=void>

  

二、表格边框和单元格的特殊效果。

 

这是一普通的表格

<table border="1" width="200" cellpadding="0" cellspacing="0"><tr align="center"> <td></td><td></td></tr><tr align="center"> <td></td><td></td></tr></table>

线

表格加上了漂亮的细线
(
利用cellspacing1像素间隙和表格与单元格背景的不同)

<table border="0" width="200" cellspacing="1" cellpadding="0" bgcolor="#000000" ><tr align="center" bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF"></td><td bgcolor="#FFFFFF"></td></tr><tr align="center" bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF">线</td><td bgcolor="#FFFFFF"></td></tr></table>

线

这和上面那个可不一样,它用的是CSS,效果却一样。
(
对单元格border的定义)

<table width="200" cellspacing="0" cellpadding="0"><tr align="center"> <td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove"></td><td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove"></td></tr><tr align="center"> <td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">线</td><td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove"></td></tr></table>

线

再进一步,把边框变成虚线,同样是CSS的神奇作用。

<table width="200" cellspacing="0" cellpadding="0"><tr align="center"> <td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"></td><td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"></td></tr><td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">线</td><td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"></td></tr></table>

 

 

 

 

细线表格的扩展应用,奥妙就是在第个单元格中再套入一个表格。

<table width="200" border="0" cellspacing="2" cellpadding="0"><tr> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table></td><td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table></td></tr><tr> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table></td><td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table></td></tr></table>

立体感的表格
(
简单的亮暗边框设置,注意只有IE支持这种效果)

<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0"><tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" ></td><td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" ></td></tr><tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" ></td><td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" ></td></tr></table>

无名表格

给表格加上一个表头
(
应用<fieldset></legend>标签)

<table width="200" cellpadding="0" cellspacing="0"><tr> <td><fieldset style="width:200" align="center"> <legend> 无名表格 </legend> <p align="right"> </fieldset></td></tr></table>

表中表效果

给表头再加个框
(
CSS<legnd>定义一个边框)

<table width="200"" cellspacing="0" cellpadding="0"><tr> <td><fieldset style="width: 200; color: #B7B7B7; border-style: groove" align="center"> <legend style="color: blue; border: 1 solid #000000"> 表中表效果</legend> <br></fieldset></td></tr></table>

表中表效果



看起来和上面的一样,可是这个才是真正的表中表哦。
(
<legnd>中插入一个表格)

<table width="200"><tr> <td><fieldset style="width:200" align="center"> <legend> <table style="border: 1 solid #000000" width="80" cellspacing="1" cellpadding="0" height="20"><tr> <td><font color=blue>表中表效果</font></td></tr></table></legend><br></fieldset></td></tr></table>

三、洞庭居士改造的立体表格代码4x4

        <TABLE cellSpacing=0 borderColorDark=#ff00ff cellPadding=0 width=360 border=1 ColorLight="#ff00ff">

        <TBODY>

       <TR align=middle>

      <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

      <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

       <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

      <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD></TR>

      <TR align=middle>

      <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

      <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

      <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

     <TDborderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff>

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

      <TABLE cellSpacing=0 borderColorDark=#ff00ff cellPadding=0 width=360 border=1 ColorLight="#ff00ff">

      <TBODY>

      <TR align=middle>

     <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

     <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

    <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

    <TD borderColorLight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD></TR>

    <TR align=middle>

    <TD borderColorL ight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

     <TD borderColorL ight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

    <TD borderColorL ight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff></TD>

    <TD borderColorL ight=#ff00ff  bgColor=#33ff99  borderColorDark=#33ffff >

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

 

     四、常用的表格代码

 

 

 

<TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#000000 000000=0>

<TBODY>

<TR bgColor=#ff0000 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=#ff0000 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=#ff0000 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>

<TR bgColor=#33ffff height=20>

<TD width="33%"><A href="链接地址#10">你的文字</A></TD>

<TD width="33%"><A href="链接地址#11">你的文字</A></TD>

<TD width="33%"><A href="链接地址#12">你的文字</A></TD></TR>

</TBODY></TABLE>

                                

式样及效果:

  

五、表格代码解释: 

HTML生成区

<P align=center><FONT color=#0066ff face=隶书 size=5>插入链接代码和文字</FONT></P>      (基本代码)

align=center 表示字体居中,可选值为居右right居左left color=颜色代码 具体颜色代

可参照:颜色选取<<点击查看(链接)!

face=字体 常用字体为:宋体.黑体.楷体、隶书、.仿宋.新宋体.细明体等

size=字体大小,这里的最大值为7取值越大文字就越大

六、最简单的文字超链接代码

HTML生成区

 1 <a href="要连接网址">说明文字</a>  

 2 <a href="要连接网址"><font color="颜色">说明文字</font></a>

 

 

 

 

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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