楼主: 春晓

欢迎您!启步学代码

[复制链接]
 楼主| 发表于 2006-3-26 21:45 | 显示全部楼层

靠顶居左 靠顶居右






靠中居中






靠底居左 靠底居右




回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-3-26 21:47 | 显示全部楼层
第10楼代码如下::</B><BR>
<TABLE cellSpacing=0 cellPadding=0 width=500 align=center background=http://www.dabaoku.com/sucai/shejilei/bj/pic/0539.jpg border=0>
<TBODY>
<TR>
<TD align=middle width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠顶居左</FONT> </TD>
<TD align=right width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠顶居右</FONT> </TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠中居中</FONT> <BR><BR><BR><BR><BR><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠底居左</FONT> </TD>
<TD align=right width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠底居右</FONT> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR><BR></DIV>
<></P>
回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-3-26 21:49 | 显示全部楼层







表格设置代码语句的认识。
先看这组代码:








插入内容


显示效果:




插入内容

把上面代码中的表格属性内容参数作如下修改看其效果就知其定义。
边框颜色:原黄色borderColor=#fff000 改为绿色borderColor=#00ff00

单元格间距:原较小cellSpacing=5 改为较大cellSpacing=25。

单元格衬距:原较小cellPadding=10 改为较大cellPadding=30。

边框大小:原较小border=12 改为较大border=22。

图框修改后的代码:




插入内容







显示效果:




插入内容

待续





回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-3-26 21:50 | 显示全部楼层





欢迎您!启步学代码。
(8)
(供初学HTML代码的朋友参考)


文字设置学习的几点体会。

  (一)文字设置标签属性三个主要内容的使用。

(1)字号大小

  字号大小语句通常是字号其大小是由参数所定,最小是1,最大是7。为了方便使用更大的字体,字号大小可用以下的语句:
字号字号隋数值增大,不受限制。


    文字设置用普通字号的代码:


学习代码贴图





(关键语句:size=5)

       显示:
学习代码贴图




    文字设置用大字号的代码:



学习代码贴图



(关键语句:style=font:50pt)


     显示:

学习代码贴图


(2)使用什么样字体

  用代码贴字,字体一定要用网络上经常能显示的十余种。如:
宋体 黑体 楷体_GB2312  仿宋_GB2312 新宋体  幼圆 隶书
方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体

  如果采用文鼎花瓣体等其他字体,会显示为宋体。


(3)文字颜色的代码

 文字的颜色可用0和F 6个字符组成易记住的颜色代码,例如:

黑色=000000 白色=ffffff 红色=ff0000 绿色=00ff00 
蓝色=0000ff 黄色=fff000 青色=00ffff 紫色=ff00ff


  (二)特效文字代码可以做出很多漂亮的字体,灵活的运用文字设置标签属性的三个主要内容,即字号,字体和颜色,也可编辑出精彩的字体。

七色彩字体的代码:











 


显示结果:



多种字号和字体的代码:


《闺 怨》


王昌龄


闺中少妇不知愁,春日凝妆上翠楼。

忽见陌头杨柳色,悔教夫婿觅封侯。


 

显示结果:

《闺 怨》

王昌龄

闺中少妇不知愁,春日凝妆上翠楼。
忽见陌头杨柳色,悔教夫婿觅封侯。



(待续)

待续




回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-3-26 21:53 | 显示全部楼层
没有设置全屏的情况下,图片的总宽度最好不要超过520。我在这里设图片宽度只有480,加上边框等约520。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-3-26 21:54 | 显示全部楼层

二种羽化图片代码。






回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-3-26 21:54 | 显示全部楼层
羽化图片代表格设置方法的代码:


<br><br> <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=500 width=450 src="[img]http://※[/img]"> <br><br> <TABLE border=0> <TR> <TD style="FILTER:Alpha(opacity=100,style=2)" width=500 height=750 background= > </TD></TR></TABLE> <br><br>

羽化图片(简化)贴图方法的代码:

<br><br> <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=780 width=550 src="[img][/img]"> <br><br>
回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-3-26 21:59 | 显示全部楼层









 
启步学代码小知识

不同贴图方法的比较。
经常看到有三种不同的贴图方法。

有一张风景图片,尺寸是500*286,图片地址:
http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg




分别用不同方法贴出比较其效果。

第一种是最简易的方法,但图片显示效果往往受到论坛的限制,图片的尺寸不能达到预定目的。
代码:


效果:




第二种方法与第一种相同,增加宽度和高度,但有些地方也要受到尺寸限制。

代码:



效果:




第三种是表格设置贴图方法。这种方法使用较多代码语句,但它有很多好处;
1,可控制图片的尺寸和适当调整图片的大小。
2,可为图片加漂亮的边框。
3,可加贴文字和比其较小的图片。
4,可在图片上加叠一层至多层动画。

代码:







效果:


图文:网络




回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-3-26 22:01 | 显示全部楼层
太湖家园
音画长廊
将更精彩
回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-3-26 22:02 | 显示全部楼层
代码如下:
<TABLE align="center" border="0" cellpadding="0" cellspacing="0" background=http://www.oh100.com/teach/shucaiku/action/15-fjx/RBWDBLW.GIF> <TR><TD style="FILTER: chroma(color=#336699"> <TABLE bgcolor=#ffffff> <TR><TD align=middle><FONT style="FONT-SIZE: 92pt" face=黑体 color=#336699><b>太湖家园<BR>音画长廊<BR>将更精彩</b></FONT></TD></TR></TABLE></TD></TR></TABLE>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表