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

琳达 博客

海外游子

 
 
 

日志

 
 

【转载】03:学习表格设置 打好做贴基础  

2014-08-04 12:08:02|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
欢迎您!启步学代码。

(游子学习笔记。 供初学HTML代码的朋友参考)


格林浪人 整编
学习表格设置 打好做贴基础

  表格标签是做代码贴的基础.编辑音画贴要用表格设置图框,制作网页要用表格设置框架,在网页不同位置显示文字和图片,要用表格来设置位置控制.学习表格设置极为重要,必须多用点精力学习.表格标签属性有十多个内容和参数(属值),先从7个常用的学起,逐步提高。
  用表格做图框的背景有颜色的,也有用图片的.启步学做代码贴,最好先用颜色作背景的图框.先练习做一张宽700,高300,绿色背景,蓝色边框的图框如下:

  显示效果:

在这里开始插入文字图片等内容.


  代码:


<CENTER>
<TABLE width=700 height=300 bgcolor=#00FF00 borderColor=#0000ff border=10" cellspacing="3" cellpadding="10">
<TR>
<TD>
在这里开始插入文字图片等内容.
</TD></TR></TABLE></CENTER>


  说明:
  ◆第一条标签是居中代码。
  ◆第二条标签是表格的始标签,有七个属性内容和属值.,。
   ·TABLE 标签名称:表格.
   ·width=500 表格(图框)宽度500个点.
   ·height=300 表格(图框)高度300个点,
   ·bgcolor="#00FF00:背景颜色为绿色代码.
   ·borderColor=#0000ff:边框颜色为蓝色.
   ·border=10":边框粗度10个点.
   ·cellspacing="3":单元格间距,就是图框内细线与边框的距离.
   ·cellpadding="10":单元格衬距,就是插入内容与单元格间距细线的距离.
  ◆第三条标签是表格的行标签.
  ◆第四条标签是表格的列标签.
  ◆最后一行是居中和表格的全部尾标签.

  颜色代码有各种模式,为了方便练习,可以用一个标记#和0或f组成颜色代码.

   #FFFFFF=白色  #FF0000=红色  #00FF00=绿色  #0000FF=蓝色
   #FFFF00=黄色  #00FFFF=青色  #FF00FF=紫色  #000000=黑色



  如果要用图片作为背景,只要把上面表格标签第三个属性内容,即颜色背景及颜色代码bgcolor=#00FF00改为图片背景及图片地址background="http:.....gif".用图片作背景的显示效果:

先练习做图框

  代码:


<CENTER>
<TABLE width=700 height=300 background="http://sucai.heima.com/sucai/news/bg/48.jpg" borderColor=#0000ff border=10" cellspacing="3" cellpadding="10">
<TR>
<TD>
在这里开始插入文字图片等内容.
</TD></TR></TABLE></CENTER>





  在图框的单元格中,用文字标签插入一些文字,就成为一张简单的代码贴了.例如:


沉淀的人生- 冯骥才
  所有土地都可以为了一棵树的生长,就看你的根扎得有多深多长。
  生命就像蜡烛那样,在光芒和泪珠中慢慢消耗掉。
  只有爱之中没有距离。
  雨水冲不进窗来,在玻璃上痛哭。
  历史的标点全是问号。历史的幕后全是惊叹号。
  苍蝇自以为美丽无比,不停地在我眼前转来转去。
  女人用一种美丽的狡猾来对付容易负心的男人。
  如果你不会嫉妒,你就占有了人的一半以上的美德。
  能躲避的地方都是坟墓。
  我们的半径相等,才能画出一个共同又完美的圆。
  只有欲望很小的人才有资格谈到超然。
  人生最强劲的力量都是你的对手给的。对手多强,你有多强。
  历史最想告诉我们的是:人类没有灭绝,全靠人性的存在。
  摆渡者反反复复选择彼岸,结果徘徊了一生。
  人为了看见自己的内心才画画。
  爱河上游的激荡绚丽,远不如下游的深远悠长。
  老人在一个夕阳把他的银发照成金发的黄昏里,忽然悟到:全部人生,
  不过为了创造几件刻骨铭心的往事而已。
  风儿可以吹飞一张大纸,却无法吹跑一只弱小的蝴蝶,因为生命的力量是不顺从。
  受骗的人身上有一件东西不会被骗去,那就是人世间弥足珍贵的天真。
  金钱的骄傲,是它自以为可以买到一切;金钱的苦恼,是它无法买到一切。
  什么都不怕的人最可怕。
  人类的悲剧是:一半得不到自由,一半得到了却不知做什么。
  书里夹着许多有生命的人,只要你打开书,他们全都能站起来。
  留住时间的方式,唯有把它变为珍贵的事物。
  痛苦是心灵一块无法化开的结石。
  人最深的叹息,是他无法挽回已然流逝的时光。

  代码:

<CENTER> <TABLE width=700 height=300 background="http://sucai.heima.com/sucai/news/bg/48.jpg" borderColor=#0000ff border=10" cellspacing="3" cellpadding="10"> <TR> <TD> <CENTER><BR> <font style=font:35pt face=华文行楷 color=#ff0000><b>沉淀的人生- 冯骥才</B></FONT></CENTER> <font face=新宋体 style=font:12pt color=#0000ff><b>   所有土地都可以为了一棵树的生长,就看你的根扎得有多深多长。<br>   生命就像蜡烛那样,在光芒和泪珠中慢慢消耗掉。<br>   只有爱之中没有距离。<br>   雨水冲不进窗来,在玻璃上痛哭。<br>   历史的标点全是问号。历史的幕后全是惊叹号。<br>   苍蝇自以为美丽无比,不停地在我眼前转来转去。<br>   女人用一种美丽的狡猾来对付容易负心的男人。<br>   如果你不会嫉妒,你就占有了人的一半以上的美德。<br>   能躲避的地方都是坟墓。<br>   我们的半径相等,才能画出一个共同又完美的圆。<br>   只有欲望很小的人才有资格谈到超然。<br>   人生最强劲的力量都是你的对手给的。对手多强,你有多强。<br>   历史最想告诉我们的是:人类没有灭绝,全靠人性的存在。<br>   摆渡者反反复复选择彼岸,结果徘徊了一生。<br>   人为了看见自己的内心才画画。<br>   爱河上游的激荡绚丽,远不如下游的深远悠长。<br>   老人在一个夕阳把他的银发照成金发的黄昏里,忽然悟到:全部人生,<br>  不过为了创造几件刻骨铭心的往事而已。<br>   风儿可以吹飞一张大纸,却无法吹跑一只弱小的蝴蝶,因为生命的力量是不顺从。<br>   受骗的人身上有一件东西不会被骗去,那就是人世间弥足珍贵的天真。<br>   金钱的骄傲,是它自以为可以买到一切;金钱的苦恼,是它无法买到一切。<br>   什么都不怕的人最可怕。<br>   人类的悲剧是:一半得不到自由,一半得到了却不知做什么。<br>   书里夹着许多有生命的人,只要你打开书,他们全都能站起来。<br>   留住时间的方式,唯有把它变为珍贵的事物。<br>   痛苦是心灵一块无法化开的结石。<br>   人最深的叹息,是他无法挽回已然流逝的时光。<br> </B></FONT> </TD></TR></TABLE></CENTER>


击点打开html代码浏览器

  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
2010年7月11日 格林浪人整编

(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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