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

杨东小园

hu320521@163.com

 
 
 

日志

 
 

学习制作表式代码《二》  

2009-07-29 09:15:54|  分类: 初学者园地 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

学习制作表式代码《二》

学习制作表式代码《二》 - 杨东 - 杨东小园

添加外边框的表式

外边框包围内边框的代码如下:

<TABLE borderColor=#ff0000 cellSpacing=2 cellPadding=1 width=650 align=center bgColor=#60ffff border=2>
<TBODY>
<TR>
<TD width="33.3%"><FONT color=#ff0000>文字输入处</FONT></TD>
<TD width="33.35%"><FONT color=#ff0000>文字输入处</FONT></TD>
<TD width="33.35%"><FONT color=#ff0000>文字输入处</FONT></TD></TR></TBODY></TABLE>

表格效果

文字输入处 文字输入处 文字输入处

从这代码中所见到的含意如下;

<TABLE (制表)  borderColor=#ff0000 (属性设置元素周围边框的颜色为红色)    cellSpacing=2(指属性可设置或返回在表格中的单元格之间的空白量(以像素为单位)。为2)     cellPadding=1(指令第二条外边框属性可设置或返回在表格中的单元格之间的空白量(以像素为单位)。的线条粗细为1)     width=680 (指令这个表的总宽度为680)    bgColor=#60ffff (指令这表格的背景颜色底色=是天兰色)    border=2>(指令这表格的边疆边缘,边沿 饰边,滚边)<TBODY>(TBody与THead和TFoot在表格中形成三个“块”,THead指明表格的Head部分,TFoot指明表格的脚注部分。而TBody则指明表格的主体部分。) <TR>(电子编辑器)<TD width="20%">文字输入处</TD><TD width="60%">文字输入处</TD><TD width="20%">文字输入处</TD></TR></TBODY></TABLE>(其中<TD>为制表任务的开始)

学习制作表式代码《二》 - 杨东 - 杨东小园

如何使表格内的文字输入处产生(网络)链接的效果

方法是:在“文字输入处”加入一段“链接代码”,这段“链接代码”如下;

<A href="网址" target=_blank>网页名称</A>

这段代码的意思 <A是指一件,href="网址"target=_blank表示一种超连接,外部连接=目标,指示=_空白的>

示范如下:

<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=1 width=650 align=center bgColor=#60ffff border=2>
<TBODY>
<TR>
<TD width="33.3%"><A href="网址" target=_blank>网页名称</A></TD>
<TD width="33.35%"><A href="网址" target=_blank>网页名称</A></TD>
<TD width="33.35%"><A href="网址" target=_blank>网页名称</A></TD></TR></TBODY></TABLE>

学习制作表式代码《二》 - 杨东 - 杨东小园

就按照上述的情况找三个网络地址试试

一;杨东51相册博客http://home.51.com/hu320521/v

二;杨东小园QQ空间http://user.qzone.qq.com/503399161/infocenter?ptlang=2052

三;杨东小园网易博客http://hu320521.blog.163.com/edit/

把以上三个网址代入代码,

<P align=center>
<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=1 width=650 align=center bgColor=#60ffff border=2>
<TBODY>
<TR>
<TD width="33.3%"><A href="
http://home.51.com/hu320521/v" target=_blank rel=nofollow><STRONG><FONT face=楷体_GB2312 color=#ff0000 size=4>杨东51相册博客</FONT></STRONG></A></TD>
<TD width="33.35%"><A href="
http://user.qzone.qq.com/503399161/infocenter?ptlang=2052" target=_blank rel=nofollow><STRONG><FONT face=楷体_GB2312 color=#ff0000 size=4>杨东小园QQ空间</FONT></STRONG></A></TD>
<TD width="33.35%"><A href="
http://hu320521.blog.163.com/edit/" target=_blank><STRONG><FONT face=楷体_GB2312 color=#ff0000 size=4>杨东小园网易博客</FONT></STRONG></A></TD></TR></TBODY></TABLE><STRONG><FONT face=楷体_GB2312 color=#ff0000 size=5>请朋友点击一下表内目录名称就可以连接到网络上去了</FONT></STRONG></P>

以上实例代码的实样如下

杨东51相册博客 杨东小园QQ空间 杨东小园网易博客
请朋友点击一下表内目录名称就可以连接到网络上去了

说明:“网址”二字处就是你要粘贴你那个网页的地址,“网页名称”就是填写你链接的那个网页名称。

学习制作表式代码《二》 - 杨东 - 杨东小园

如何在每个小单元格的文字前放一个动态小图

方法是:在“输入文字处”也就是现在“链接代码”前面再加一段“图片链接代码”,这段“图片链接代码”如下;<IMG src="小图地址" border=0>

(说明“gif小图地址”处粘贴你所要放的动态小图的网上地址。)

代码如下:

<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=1 width=650 bgColor=#60ffff border=2>
<TBODY>
<TR>
<TD width="33.30%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD>
<TD width="33.35%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD>
<TD width="33.35%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD>
</TR></TBODY></TABLE>

现在就把三个小图片和三个网络及连接的网络地址名称分别代入到相应地地方去做个实验

三个小动态图片如下,

小梅花动态图片

http://img5.ph.126.net/JOGj9glNiwKtSBJm9yYZww==/1625799465482091765.gif

小手指动态图片

http://img.blog.163.com/photo/UEK_F1MrFzbF5SHvzxZ9kA==/339458821913404769.jpg

小红花动态图片

http://img.blog.163.com/photo/7LhuKWb3BuXk04cfupSVeg==/5383771879544924427.jpg

同时在以上实例的基础上把三个网络址也一起插入试试

组合的代码如下

<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=1 width=650 align=center bgColor=#60ffff border=2>
<TBODY>
<TR>
<TD width="33.30%"><IMG src="
http://www.haofa.net/imges/forumme.gif" border=0><A href="http://home.51.com/hu320521/v" target=_blank>杨东51.CON相册博客</A></TD>
<TD width="33.35%"><IMG src="
http://img.blog.163.com/photo/UEK_F1MrFzbF5SHvzxZ9kA==/339458821913404769.jpg>" border=0><A href="http://user.qzone.qq.com/503399161/infocenter?ptlang=2052" target=_blank>杨东小园QQ空间</A></TD>
<TD width="33.35%"><IMG src="
http://img.blog.163.com/photo/7LhuKWb3BuXk04cfupSVeg==/5383771879544924427.jpg" border=0><A href="http://hu320521.blog.163.com/edit/" target=_blank>杨东小园网易博客</A></TD></TR></TBODY></TABLE>

 

★组合代码生成的实样如下★  

 学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521杨东51.CON相册博客  学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521杨东小园QQ空间  学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521杨东小园网易博客

 请朋友点击一下表内的目录名称是就可以连接到网络上去

学习制作表式代码《二》 - 杨东 - 杨东小园

如何添加行次

如果要增添行次.

方法是:将从<TR></TR>之间的代码重新复制,

粘贴在</TBODY></TABLE>之前。需要添加几行就粘贴几次。

示例代码如下:

<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=1 width=650 align=center bgColor=#FAEBD7 border=2>
<TBODY>
<TR>
<TD width="33.30%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD>
<TD width="33.35%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD>
<TD width="33.35%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD></TR>
<TR>
<TD width="33.30%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD>
<TD width="33.35%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD>
<TD width="33.35%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD></TR>
<TR>
<TD width="33.30%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD>
<TD width="33.35%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD>
<TD width="33.35%"><IMG src="小图地址" border=0><A href="网址" target=_blank>网页名称</A></TD></TR></TBODY></TABLE>

详见以上代码实效

 学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521说明:代码中没有加网址  学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521说明:代码中没有加网址  学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521说明:代码中没有加网址
 学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521说明:代码中没有加网址  学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521说明:代码中没有加网址  学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521说明:代码中没有加网址
 学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521说明:代码中没有加网址  学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521说明:代码中没有加网址  学习和理解制作表格的代码之二 - 杨东 - 杨东小園hu320521说明:代码中没有加网址

 

学习制作表式代码《二》 - 杨东 - 杨东小园

学习制作表式代码《二》 - 杨东 - 杨东小园

学习制作表式代码《二》 - 杨东 - 杨东小园

热烈欢迎诸位贵宾莅临本博赐教指导

养生宝典 四季养生 民间土方 中华名画长卷 历代国画 怀旧电影 电视剧场
博客建议 博客技巧 博客代码 杨东小园博客动态欢迎 博客素材 音乐网址 名人博客
 简作音画. FLASH视频教程 PS视频教程 U5实例制作视频教程 3D文字制作视频教程 各类图片.
颜色代码  在线制作工具. 杨东热烈欢迎各位贵宾莅临小园赐教指导,祝愿诸君健康快乐 幸福永远!  在线视频教程 复制代码处
生活知识 美图美景 各种边框 新解红学 各种书架 词文朗诵 学博园地
音画欣赏 孙子兵法 娱乐游戏 经典音乐 红楼画集 历史回顾 杨东小园

 

学习制作表式代码《二》 - 杨东 - 杨东小园

 

学习制作表式代码《二》 - 杨东 - 杨东小园学习制作表式代码《二》 - 杨东 - 杨东小园学习制作表式代码《二》 - 杨东 - 杨东小园

学习制作表式代码《二》 - 杨东 - 杨东小园

学习制作表式代码《二》 - 杨东 - 杨东小园

学习制作表式代码《二》 - 杨东 - 杨东小园

学习制作表式代码《二》 - 杨东 - 杨东小园

学习制作表式代码《二》 - 杨东 - 杨东小园

 

 

 

  评论这张
 
阅读(1047)| 评论(2)

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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