在论坛看到的那些漂亮的帖多是漂亮的图片、音乐加上一些代码组成,这些代码就是HTML代码,我们在这里将图片+音乐+背景或再加上FLASH组成的帖简称为“代码帖”。这些帖以她的独特魅力,吸引了众多网友。但很多人没有去揭开她那美丽的面纱,总是在门外徘徊。只要多去了解她,去实践,制作出自己的心情、精彩和美丽。 .-"F+-/6` 一般来说你是不需要了解那些大多HTML代码的实际意义,但是,对一些HTML代码是需要理解的,对制作、调试效果有帮助。在这里我准备分几讲来对代码的编写规则加以解释。实际上我在这领域的探索时间也不长,难免有不足或不当之处,还请大家补充完善。谢谢! Ce]Uq7 在这里,我将不定期地编制些资料提供给大家。 ^ym]M5 常用HTML代码汇编: '<K(&tpA 一、文字 "PZ~#Q+S 1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字 &im0uo>z$ 2.字体变化 <font>..........</font> qviU>X " 【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大 -:i{Wh#2` 【2】指定字型 <font face="字体名称">..........</font> C"WRJJaD 【3】文字颜色 <font color=#rrggbb>..........</font> Ax5hQcEne rr:表红色(red)色码 @zM-E}M?b gg:表绿色(green)色码 Ae} 39V bb:表蓝色(blue)色码 FTKcCBT#WV rrggbb也可用6位颜色代码数字 3`42Xbx# 3.显示小字体 <small>..........</small> p]Z93_}t4 4.显示大字体 <big>..........</big> 5/<Td*2 / 5.粗体字 <b>..........</b> U!cEzJ{R 6.斜体字 <i>..........</i> "N@S/ 7.打字机字体 <tt>..........</tt> &M#)TSvW$ 8.底线 <u>..........</u> -DdqB 9.删除线 <strike>..........</strike> =bkLO 10.下标字 <sub>..........</sub> z8#_MC# 11.上标字 <sup>..........</sup> 1:UpQw 12.文字闪烁效果 <blink>..........</blink> N|QK$,EqzI 13.换行(也称回车) <br> K}RY? 66 14.分段 <p> ./#hBMe 15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。 5I4`1+ag 16.分隔线 <hr> W=to31 【1】分隔线的粗细 <hr size=点数> TJ0>Qgv 【2】分隔线的宽度 <hr size=点数或百分比> ZX1<G-X] 【3】分隔线对齐方向 <hr align="#"> 206iFf# #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 U[ Lt"e1 【4】分隔线的颜色 <hr color=#rrggbb> W$:8?9} 【5】实心分隔线 <hr noshade> ldePe_t 17.居中对齐 <center>..........</center> nnk/2x4h=! 18.依原始样式显示 <pre>..........</pre> bK[$%p1V\" 19.<body>指令的属性 K^5UyIZ 【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb> Yz7eF1x 【2】背景图案 -- background <body background="图形文件名"> j>1)]<W# 【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed> zXA$1V] 【4】文件内容文字的颜色 -- text <body text=#rrggbb> e2d@(u C 【5】超连结文字颜色 -- link <body link=#rrggbb> <FZo-+ 【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb> LoX}rl 【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb> fIO$ ]-&+ 20.文字移动指令<MARQUEE>..........</MARQUEE> TVyRR/v# 移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。 9[))k.I{e 移动方向指令是:direction=# up向上、down向下、left向左、right向右。 {)9P]YG 指令举例:<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE> Qe c3@_C6 bWs#cX-WE= 二、图片 ba]w+ 1.插入图片 <img src="图形文件名"> N"X:!Q 2.设定图框 -- border <img src="图形文件名" border=点数> i3WjZRs 3.设定图形大小 -- width、height <img src="图形文件名" width=宽度点数 height=高度点数> xtF=n.br 4.设定图形上下左右留空 -- vspace、hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数> !m '{A 5.图形附注 <img src="图形文件名" alt="说明文字"> dNqv~(v 6.预载图片 IW&_ =;Yn <img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致; #P7P3P>i 7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称"> :X38g Ol <area shape=形状 coords=区域座标列表 href="连结点之URL"> 3&+MD0l <area shape=形状 coords=区域座标列表 href="连结点之URL"> +CL)2]& <area shape=形状 coords=区域座标列表 href="连结点之URL"> /&~h{|5B\m <area shape=形状 coords=区域座标列表 href="连结点之URL"> </map < ^G=/XK4 【1】定义形状 -- shape KWU^OKO?f shape=rect:矩形 shape=circle:圆形 shape=poly:多边形 1gM7$&^ 【2】定义区域 -- coords <TAK-I1 a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标 XT j&B/ 例:<area shape=rect coords=100,50,200,75 href="URL"> pFF Ova8 b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度 <<`ge;CL 例:<area shape=circle coords=85,155,30 href="URL"> pae*tWF c.任意图形(多边形):将图形之每一转折点座标依序填入 fql"?XYy( 例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL" ?i;!U SZ- Nh;Ce+g+ 三、表格相关 0? W~rg 1.表格标题 2 ;5yKy) f <caption>..........</caption> J7-kjG&)+ 表格标题位置 -- align B1\ULeqP <caption align="#"> #号可为 top:表标题置于表格上方(预设值) [pb["Z bottom:表标题置于表格下方 >,$FHDIC5O 2.定义列 <tr> 0s$n2/]( 3.定义栏位 《1》<td>:靠左对齐 SVIs--D 《2》<th>:靠中对齐ⅱ粗体 gVbd7S 【1】水平位置 -- align <th align="#"> =^!u?Bj}0 #号可为 left:向左对齐 center:向中对齐 right:向右对齐 $J&_iQN dR 【2】垂直位置 -- align <th align="#"> #号可为 ;<FO?sM< top:向上对齐 middle:向中对齐 bottom:向下对齐 8m0zZk-1 【3】栏位宽度 -- width <th width=点数或百分比> UG$Q{ED 【4】栏位垂直合并 -- rowspan <th rowspan=欲合并栏位数> 1e'k^]q] 【5】栏位横向合并 -- colspan <th colspan=欲合并栏位数> |kyv O@s } -d(-P~ 四、表格的主要属性 A:K(296Fj 1.<table>标记的主要属性 \je[s9e align定义表格的对齐方式,有三个属性值center,left,right o8s' b, background定义表格的背景图案,属性值为图片的地址 ZU @OCf; bgcolor定义表格的背景颜色,属性值是各种颜色代码 .' f:PSe5 border定义表格的边框宽度,属性值是数字 ZJI{dMS# D bordercolor定义表格边框的颜色,属性值是各种颜色代码 )x/hw|(|B cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字 T^~c-, zA cellspacing定义表格中单元格之间的距离 mh`Jz;rO height定义表格的高度,属性值是数字 n"^TQS(gv width定义表格的宽度,属性值是数字 ^x0=_E=K 2.<tr>标记,表格是由多行与多列组成的,<tr>标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下: 9m5g_A align定义对齐方式,属性值与上同 T)X?ea\ background定义背景图案 bgcolor定义背景色 < ,&K[f 3. <td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样,补充两个合并列和行的代码: r(YA T2s colspan定义合并表格的列数,属性值是数字 '0>fW@q] rowspan定义合并表格的行数,属性值是数字 rHu1brx Su ]<'6! 五、FRAME R.@>-\DY 1、分割视窗指令 <frameset>..........</frameset> .iGjEm@e 【1】垂直(上下)分割 -- rows \QK+GAf <frameset rows=#> #号可为点数: y&Vhq 如欲分割为100,200,300三个视窗,则<frameset rows=100,200,300>; .P!p}D_ 亦可以*号代表,如<frameset rows=*,500,*> 28=I/,{ 百分比:如<frameset rows=30%,70%>,各项总和最好为100%; S94@.$TfB 【2】水平(左右)分割 -- cols <frameset cols=点数或百分比> Q_MJH-)SZ 2、指定视窗内容 -- <frame> >q /xf <frameset cols=30%,70%> <frame> <frame> </frameset> 5@20| +, 【1】指定视窗的文件名称 -- src <frame src=HTML档名> qok8_Ye)i 【2】定义视窗的名称 -- name Z4,T@?x <frame name=视窗名称> |S9t6WI2V/ 【3】设定文件与上下边框的距离 -- marginheight "+X=g} 9~ <frame marginheight=点数> 3*'I|b4 【4】设定文件与左右边框的距离 -- marginwidth \h{~n1h <frame marginwidth=点数> pa9moTL 【5】设定分割视窗卷轴 -- scrolling HmZMll~ <frame scrolling=#> #号可为 yes:固定出现卷轴 /W!v(M no:不出现卷轴 ?5JaM') auto:自动判断文件大小需不需要卷轴(预设值) `@kXk 【6】锁住分割视窗的大小 -- noresize <frame noresize> eHL[`,g 10]HCUh85X 六、歌曲代码: hxdhT8Sr 在这组代码中,不必管它是mms.http.rtsp,只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码: `J|?cF5 1.手动播放: T8-Y9L' <EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" c> +-[2RPUy 2. 打开页面自动播放: VV4D"/*8 <EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" c autostart="true"> MY:7A9`6H |
联系客服