网络花草园 http://blogger.org.cn/blog/blog.asp?name=hcqy 花草情缘的博客 blogger.org.cn W3CHINA Blog webmaster@blogger.org.cn <![CDATA[相册]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=72789 hcqy 2012/8/19 10:16:23


]]> <![CDATA[HTML源码运行器]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=49679 hcqy 2010/9/1 23:04:55
HTML代码运行器
  


 


]]> <![CDATA[花草情缘网站导航]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=49480 hcqy 2010/7/28 9:17:16

花草情缘网站导航


 

QQ:392822772
我的网站
我的论坛
网站收藏
花草园
起点论坛
博客特效大全
中国老三届

透明FLISH大全
中国古曲网
21互联视频教程
网络花草园
中国音画网
吉祥花卉屋
柳州摄影论坛
花草情缘素材站
柳州老摄影家
花草情缘音乐盒

藏花阁花卉论坛
花草情缘音画室
万花谷花卉论坛
踏花行花卉论坛

]]> <![CDATA[旋转字代码]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=47073 hcqy 2009/9/14 13:58:02 之间--> ]]> <![CDATA[自己做网页模板]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=39675 hcqy 2008/9/6 16:39:53

 

花草音画

 音画教程

 诗情画意

 音画时尚

花草情缘制作

 

]]> <![CDATA[背景图片]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=39655 hcqy 2008/9/5 22:06:15

　

]]> <![CDATA[用表格搭建网页框架]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=39509 hcqy 2008/9/2 17:19:48
花草情缘网站
愿世界和平，众生吉祥如意。
花草客厅 花草摄影 花草音画 花草花园
花草情缘制作
]]> <![CDATA[表格的色彩]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=39506 hcqy 2008/9/2 16:35:34 　　

表格的颜色

在表格中，既可以对整个表格填入底色，也可以对任何一行、一个表元使用背景色。

表格的背景色彩　　　<table bgcolor=#>

行的背景色彩　　　　<tr bgcolor=#>

表元的背景色彩　　　<th bgcolor=#>或 <td bgcolor=#>

#=rrggbb 16进制 RGB数码, 或者是下列预定义色彩名称：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

表格边框的色彩：
<table bordercolor=#>

<TABLE borderColor=#ff0000 cellSpacing=5 border=5>
<TBODY>
<TR>
<TH><FONT size=4>姓名</FONT></TH>
<TH><FONT size=4>性别</FONT></TH>
<TH><FONT size=4>年龄</FONT></TH></TR>
<TR>
<TD><FONT size=4>花草情缘</FONT></TD>
<TD><FONT size=4>女</FONT></TD>
<TD><FONT size=4>60</FONT></TD></TR></TBODY></TABLE>

姓名 性别 年龄
花草情缘 女 60

表格边框色彩的亮度控制
<table bordercolorlight（亮边）=#>
<table bordercolordark（暗边）=#> 


<TABLE cellSpacing=5 borderColorDark=#0000ff borderColorLight=#0080ff border=5>
<TBODY>
<TR>
<TH><FONT size=4>姓名</FONT></TH>
<TH><FONT size=4>性别</FONT></TH>
<TH><FONT size=4>年龄</FONT></TH></TR>
<TR>
<TD><FONT size=4>花草情缘</FONT></TD>
<TD><FONT size=4>女</FONT></TD>
<TD><FONT size=4>60</FONT></TD></TR></TBODY></TABLE>
姓名 性别 年龄
花草情缘 女 60


 

 

]]> <![CDATA[表格尺寸设置]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=39503 hcqy 2008/9/2 16:01:01 表格的大小

一般情况下，表格的总长度和总宽度是根据各行和各列的总和自动调整的，如果我们要直接固定表格的大小，可以使用下列方式：<table width=X height=Y>

width和height属性分别指定表格一个固定的宽度和长度，X和Y可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。

边框尺寸设置

边框是用border属性来体现的，它表示表格的边框边厚度和框线。将border设成不同的值，有不同的效果。border=0时不显示边框。

例子：

<TABLE style="WIDTH: 2000px; HEIGHT: 70px" cellSpacing=0 cellPadding=0 width=200 border=5>
<CAPTION align=top><FONT color=#00cc000>border=1（改为5）</FONT></CAPTION>
<TBODY>
<TR>
<TD>姓名</TD>
<TD>性别</TD>

表格的大小

一般情况下，表格的总长度和总宽度是根据各行和各列的总和自动调整的，如果我们要直接固定表格的大小，可以使用下列方式：<table width=X height=Y>

width和height属性分别指定表格一个固定的宽度和长度，X和Y可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。

边框尺寸设置

边框是用border属性来体现的，它表示表格的边框边厚度和框线。将border设成不同的值，有不同的效果。border=0时不显示边框。

例子：

<TABLE style="WIDTH: 2000px; HEIGHT: 70px" cellSpacing=0 cellPadding=0 width=200 border=5>
<CAPTION align=top><FONT color=#00cc000>border=1（改为5）</FONT></CAPTION>
<TBODY>
<TR>
<TD>姓名</TD>
<TD>性别</TD>
<TD>年龄</TD></TR>
<TR>
<TD>花草情缘</TD>
<TD>女</TD>
<TD>60</TD></TR></TBODY></TABLE>

效果：

border=1（改为5）

姓名

性别

年龄

花草情缘

女

60

 


<TD>年龄</TD></TR>
<TR>
<TD>花草情缘</TD>
<TD>女</TD>
<TD>60</TD></TR></TBODY></TABLE>

效果：

border=1（改为5）

姓名

性别

年龄

花草情缘

女

60

 

表元间隙设置：

<table border cellspacing=#>

<table border cellspacing=10>
<tr><th>姓名</th><th>性别</th><th>年龄</th>
<tr><td>花草情缘</td><td>女</td><td>60</td>      
</table>


姓名性别年龄
花草情缘女60
表元内部空白设置：
<table border cellpadding=#>
 
<table border cellpadding=10>
<tr><th>姓名</th><th>性别</th><th>年龄</th>
<tr><td>花草情缘</td><td>女</td><td>60</td>      
</table>


姓名性别年龄
花草情缘女60
]]> <![CDATA[跨多行、多列的表元]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=39502 hcqy 2008/9/2 15:02:40 跨多行、多列的表元

要创建跨多行、多列的表元，只需在<TH>或<TD>中加入ROWSPAN或COLSPAN属性，这两个属性的值，表明了表元中要跨越的行或列的个数。

跨多列的表元 <th colspan=#>　<td colspan=#>
colspan表示跨越的列数，例如colspan=2表示这一格的宽度为两个列的宽度。

跨多行的表元 <th rowspan=#>　<td rowspan=#>　
rowspan所要表示的意义是指跨越的行数，例如rowspan=2就表示这一格跨越表格两个行的高度。

跨多列的表元

<table border>
<tr><th colspan=3>日程表 </th>
<tr><th>星期一</th>       <th>星期二</th>  <th>星期三</th>
<tr><td>种花</td><td>上网</td><td>摄影</td>
</table>

效果：

日程表
星期一 星期二 星期三
种花 上网 摄影

跨多行的表元 
<table border>
<tr><th rowspan=2>日程表</th>
<th>星期一</th><th>星期二</th>  <th>星期三</th></tr>
<tr><td>种花</td><td>上网</td><td>摄影</td></tr>
</table>
效果：
日程表星期一星期二星期三
种花上网摄影
]]> <![CDATA[表格入门]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=39486 hcqy 2008/9/1 22:51:38 表格的基本结构

<table>...</table> 　定义表格
<caption>...</caption>　定义标题
<tr> 　定义表行
<th> 　定义表头
<td> 　定义表元(表格的具体数据)

例子：

<TABLE style="WIDTH: 157px; HEIGHT: 44px" cellSpacing=0 cellPadding=0 width=157 border=1>
<TBODY>
<TR>
<TD>姓名</TD>
<TD>性别</TD>
<TD>年龄</TD></TR>
<TR>
<TD>花草情缘</TD>
<TD>女</TD>
<TD>60</TD></TR></TBODY></TABLE>

效果：

姓名

性别

年龄

花草情缘

女

60

表格的标题

表格标题的位置，可由ALIGN属性来设置，其位置分别由表格上方和表格下方。下面为表格标题位置的设置格式。

设置标题位于表格上方：<caption align=top（上面）> ... </caption>

设置标题位于表格下方：<caption align=bottom（底部）> ... </caption>

例子：

<TABLE style="WIDTH: 157px; HEIGHT: 44px" cellSpacing=0 cellPadding=0 width=157 border=1>
<TBODY>
<CAPTION align=bottom>显示效果</CAPTION>
<TBODY>
<TR>
<TD>姓名</TD>
<TD>性别</TD>
<TD>年龄</TD></TR>
<TR>
<TD>花草情缘</TD>
<TD>女</TD>
<TD>60</TD></TR></TBODY></TABLE>

显示效果

姓名

性别

年龄

花草情缘

女

60

]]> <![CDATA[HTML+TIME（时间）入门]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=38788 hcqy 2008/8/11 16:30:19 HTML+TIME(Timed Interactive Multimedia Extensions)，根据SMIL(Synchronized Multimedia Integration Language) 2.0 .所制定，可以用來控制元件及媒体利用class属性套用於一般元件。一般要在IE5.5以上的浏览器，才能正常看，语言容易理解，容易自如运用，可以按照自己的想象用简单的代码实现复杂的效果。不足之处是，网页打开时需要把图片音乐全部下载之后，帖子才能按照时间控制运行，因此，如果网络很慢，或电脑配置不高，第一次打开帖子可能比较慢。这里不做复杂的介绍，初学者只要对主要的元件，代码属性，标签有一个基本了解就可以制作出来漂亮的HTML+TIME音画帖子。

　　代码头文件必须包含以下代码

]]> <![CDATA[图片特效]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=38423 hcqy 2008/8/6 16:39:21
表头代码,这部分不能少
]]> <![CDATA[柳州夜景]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=38078 hcqy 2008/7/25 2:41:04 ]]> <![CDATA[特殊字体 文字特效代码]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=38017 hcqy 2008/7/23 14:13:02 <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#f20000>华文行楷</FONT></CENTER>

华文行楷

]]> <![CDATA[图片、文字的定位代码]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=37961 hcqy 2008/7/22 13:31:48 <TABLE id=table1 style="ridge; LEFT: 0px; WIDTH: 0px; ridge; POSITION: absolute; TOP: 0px; HEIGHT: 0px">

LEFT: 10px; WIDTH: 220px;插入内容与左边的距离和宽度的范围。
TOP: 0px; HEIGHT: 1200px插入内容与顶部的距离和高度的范围。

欢迎光临网花草园

没定位的文字：

欢迎光临网络花草园

 

 

 

]]> <![CDATA[调节图片大小的代码]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=37959 hcqy 2008/7/22 12:53:07 常用贴图代码　<img src=图片地址>

图片大小可调的贴图代码　<INPUT type=image width=200 src=图片地址>

<INPUT type=image width=200 src="http://img1.3lian.com/img2008/06/020/0699.jpg">

<INPUT type=image width=500 src="http://img1.3lian.com/img2008/06/020/0699.jpg">

width(图片宽度）=200（改变这个数字就可改变图片大小）

]]> <![CDATA[用编辑器制作边框]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=37935 hcqy 2008/7/21 17:05:39 点击编辑器工具栏的图标，在对话框里填上相应数据，确认后得到边框。

<TABLE borderColor=#0080ff cellSpacing=2 cellPadding=3 width=100% bgColor=#d2e9ff border=1>
<TBODY>
<TR>
<TD>
<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE>

改变数字 border=1> 1可加宽边框宽度：

<TABLE borderColor=#0080ff cellSpacing=2 cellPadding=3 width=100% bgColor=#d2e9ff border=15>
<TBODY>
<TR>
<TD>
<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE>

borderColor=#0080ff #号后面是边框颜色代码

bgColor=#d2e9ff #号后面是背景颜色代码

改变边框颜色，把背景颜色（borderColo）变为背景图片（background）：

<TABLE style="WIDTH: 100%" borderColor=#c0040 cellPadding=3 align=center background=http://www.haofa.net/sucai/bj/haofa591sc/bjx/bjjx/045.jpg border=15>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY>

background=http://www.haofa.net/sucai/bj/haofa591sc/bjx/bjjx/045.jpg =号后面是图片地址

 
大家好！我是花草情缘
 
 
 
 

 

]]> <![CDATA[图片、文字飘动的代码]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=37892 hcqy 2008/7/19 12:06:08 <MARQUEE style="LEFT: 350px; POSITION: absolute; TOP: 150px; HEIGHT: 500px" scrollAmount=1 scrollDelay=1 direction=up behavior=alternate width=500>
<MARQUEE scrollAmount=1 scrollDelay=1 behavior=alternate><IMG src="http://blogger.org.cn/blog/uploadfile/200932112124563.GIF"></MARQUEE></MARQUEE>

花草情缘

]]> <![CDATA[竖排文字代码]]> http://blogger.org.cn/blog/more.asp?name=hcqy&id=37890 hcqy 2008/7/19 10:51:38 　竖排文字代码：

<DIV style="WIDTH: 10px; HETGHT;200 WRITING-MODE: tb-rl; TEXT-ALIGN: center">
<DIV><FONT face=隶书 color=red size=6>竖排文字</FONT></DIV></DIV>

效果：

竖排文字


竖排文字
花草情缘编辑

]]>