梅香淡雅

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 4032|回复: 19

[教程]新手制作html 实例讲解!

[复制链接]

8

主题

0

好友

4327

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-4-25 00:59:00 |显示全部楼层
大致明白了,谢谢师傅
叶子的离开,是因为风的追求,还是树的不挽留?!

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-2-19 22:33:00 |显示全部楼层
很多新朋友很想学音画,可是一看那些代码就头疼,矜琳初接触音画也是一样的感觉,不知道从何下手,现在我们以实例来简单讲解一下!3 m+ A. A! r9 z+ r( @4 n0 }7 b 1 T& j$ T% N# T

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-2-19 22:34:00 |显示全部楼层

* W: W m2 l7 a/ i/ U3 p2 M * l9 C; c! f V$ s$ M6 B. G7 S- ?; A! e' p9 `7 B) {: N+ K
) p w; ]& c/ V' p/ G/ N
9 j2 e3 M! b- X2 S3 e& ~* j1 c+ J3 p0 P, j. {* T7 n: Y' f% h8 S6 P; s% }4 d8 H# C* B. ]6 S- n3 v1 j3 Q3 Q
3 X T: M3 O7 y" C
! x+ k. \" ] ]- y; _- Z3 Q9 } ' ]: C# h: O! Y7 U! a5 W6 X* v# ~ B) f2 i* C7 n- V' U* j$ c7 v
+ o G& i. P; N( S- ~/ @
6 U! g6 M% S: q4 Z - e& x% ?! A- m2 N9 C- x3 K8 z# l& \( O; l$ v6 B8 D# u/ R7 ?7 {, F8 ^" |% J
: m' ?1 Q! g @) ^9 n
! U% i1 R( ^" d( L8 D& p& T: |6 y1 u6 j; C4 u0 F" @! O$ o3 x3 ]' U% W# |8 M, Q4 a) L: d2 W0 L
3 N# D5 g! e8 z. G
5 }7 z' C2 Y& ?8 R5 o, S1 V7 r* l: K. h. u- q# L. ]2 k0 |& |2 \7 H; [5 }( \/ h
. g: e, U% |# b
2 ]2 @* r2 F: m4 \! y 1 w7 |" r% b& y, `9 A- e' U9 f7 h7 J5 Y6 P# }5 v H: l2 U. G L/ @6 x/ s: s" T6 A: N
: Q! c: R. i1 B% V: P/ w5 l2 Y
( |+ J. o+ a- P# E, c c0 W, G. f; k: s% v# x: ]% Z6 V3 ?1 N& R5 T2 u* |4 f+ w' A: i U2 [' q9 N& q; W0 G' A3 [
. {" o7 x8 d- m; Z

% [" {3 Z+ {; x( b- u7 V! K
1 G) v2 w- h' L9 J8 b( V* n 6 K+ s }1 h% O7 z F1 o0 V7 l4 e+ J/ z; Q, w3 n: O: [0 l1 R


( l/ ?( n, k+ h0 H, c# `: S* Q

7 _$ y9 d7 o1 \' u" V
& i b, w9 }- i3 W! U1 N# s# Y8 A$ V g# D$ W' h# o& g' z* [5 M6 K% T" L- |, |; @# r; j: L" L/ S* C) |3 e c

. G8 B( D4 a; f6 _$ x

! R. P/ P- l2 u5 }3 o
- F0 r6 s2 }7 |# T0 f9 R: b. F- y) I/ \" ^ h: f8 }: P3 G( X+ h- o6 s d; j( h* R

8 w+ X5 V6 \; M4 `$ N


1 A0 J1 V: R1 h
1 u: T; R$ E5 s1 ?% Z! Z0 j * z+ M. H. L2 n3 D! [7 s2 K+ Z; R- R9 x' `/ C6 u5 W5 G% w/ _

* G0 p/ ^6 _5 }3 f. t


" M$ }! y0 I" K" t% [* }- n
) U; z. l% a+ { $ f k, D* x( b, n; Q& ^% H( O; t/ L8 M* X. |, d& D$ w+ k/ s8 H

! F. k# H/ r4 {: K! n2 M ?


! A! _* ~! ?+ {& k8 g4 e' D6 N
9 R2 F, n5 n) T7 c6 Y6 F& |4 F * F" G) ^" T" `% z( I$ D: Z F4 o! A$ k% P( V2 o4 E' ^4 r

$ ]3 [! ~* m* X9 g$ ]


, I* T) L* @8 h/ X% X
1 C0 I% \1 R; z8 _3 c5 l + c+ \: ?+ B- Z' W+ k! i: c5 N; I) ?2 h) J) q& N6 N. u5 ] u2 {' Z$ Q, ^3 ~0 f& ?: F

- U* W% H2 i1 x+ V5 _8 j4 Y


6 F' c3 C" p/ m9 G1 Q: t
\& A( x' @$ d- x+ z% C6 G; ^4 i, ^ o8 I* u* R! ]2 E& Z& C; `/ o. ?2 } I0 d5 o& H3 F# ?" H- v0 [( |3 I

- S+ t# h! d+ T9 S8 j


- G N4 ~+ Q$ A9 o7 T0 t
5 F. [4 }; f9 U" \2 d' g+ o' ~! R' D: m- x- a, k! y5 M% X" p5 x' n! z& H. p$ W& N4 r

' I2 i# K$ ~8 A! I7 X4 E$ {


& { b A/ f" @: |4 R( d( `# G
3 S8 @# } k# K. J; W. N0 } 3 Q5 x+ `" j, b: `" t3 z s- R2 ~7 _( v% M; H6 o% d2 S( D+ I

, X; Z1 r1 C2 v% i! @


3 T' M |6 w7 p; |
( Z4 f0 z3 X& x 3 K' X! q m% d1 w. f3 D$ n5 M& n3 s7 l- V$ y) D5 `+ f& U5 P. w# E1 P8 N

8 j3 V1 e" o' v9 Y) w


5 k& x( O; o/ l8 q4 C/ r" y
2 F- k7 A8 s" C; ~$ X2 e # X, o+ J0 {# E9 p' P% ?( a0 w" e/ w# O6 a. @& H0 Y6 i

% y2 u. h2 E3 t2 R+ N# e: G



/ ^+ j j* S D+ f! e! {


" V1 X; D5 d) C+ G) L
1 B8 D! }. a4 y5 I" w7 z
A: M- r! _. [( ^$ m. u6 T
- ?2 D+ \) h4 G z3 M1 K
5 c) d% \, P2 K g- U6 q" f
. M/ w9 j7 t$ S, i3 c0 T
8 {, Q/ i! j9 P1 Y# E













!

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-2-19 22:40:00 |显示全部楼层

代码如下:

- x5 {0 i: H. d' E. |7 n8 ^

<EMBED src=http://att1.ccmove.com/ring/3/20051022_14457271916.mp3 hidden=true type=audio/mpeg loop="true" autostart="true"> <BR>

0 |, B! i. i5 u9 z5 V5 u

<TABLE id=table1 style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 80px" cellSpacing=50 align=center background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingsbcka.gif border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE borderColor=#b95999 borderColorDark=#ffb1e8 cellPadding=2 width="96%" borderColorLight=#fdc9e3 background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingsgold.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#b95999 cellSpacing=26 borderColorDark=#ffb1e8 width="100%" borderColorLight=#fdc9e3 background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingshine.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#b95999 cellSpacing=3 cellPadding=0 width="100%" background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingsgold.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#ffb1e8 cellSpacing=14 width="100%" background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingsbcka.gif border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=12 borderColorDark=#ffb1e8 width="100%" borderColorLight=#fdc9e3 background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingsbckc.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=6 width="100%" background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingshine.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=0 width="100%" background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingsbckc.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108181600902122.gif border=1>
<TBODY>
<TR>
<TD> <EMBED align=right src=http://forshine.net/flash/1031_36.swf width=420 height=340 type=application/octet-stream ;; quality="high" wmode="transparent"> </TD></TR></TBODY></TABLE><BR><BR></CENTER>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108180300600698.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://forshine.net/flash/1031_32.swf width=490 height=320 type=application/octet-stream ;; quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></CENTER><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108182212120293.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/27.swf width=500 height=340 type=application/octet-stream ;; quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></CENTER><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P><BR>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108182958569538.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://forshine.net/flash/1031_37.swf width=500 height=340 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TBODY></TABLE></CENTER><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P><BR>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108184953374833.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=left src=http://love.xaonline.com/upload/2004114/UF200411415025.swf width=420 height=380 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TBODY></TABLE></CENTER><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P><BR>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108185348261124.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://forshine.net/flash/1031_32.swf width=490 height=320 type=application/octet-stream ;; quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></CENTER><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P><BR>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108185328834446.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/30.swf width=490 height=320 type=application/octet-stream ;; quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></CENTER><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P><BR>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108185300572971.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/138.swf width=490 height=320 type=application/octet-stream ;; quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></CENTER><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P><BR>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108185244909730.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/16.swf width=490 height=320 type=application/octet-stream ;; quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></CENTER><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P><BR>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://www.mxdy.net/UploadFile/2005-11/20051198513210711.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://hlm.nease.net/swf/red/cloud.swf width=490 height=320 type=application/octet-stream ;; quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></CENTER><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P><BR>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108185137558387.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/67.swf width=490 height=320 type=application/octet-stream ;; quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></CENTER><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P><BR>
<CENTER>
<TABLE height=412 cellSpacing=0 borderColorDark=pink cellPadding=0 width=520 borderColorLight=pink background=http://202.101.235.102:8080/1/2005-11-8/20051108185030344621.gif border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/77.swf width=320 height=320 type=application/octet-stream wmode="transparent" quality="high" ;;> </TD></TR></TBODY></TABLE></CENTER><BR>
<CENTER></CENTER><BR><BR><BR>
<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108192302399552.gif"></P><BR>
<DIV></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></DIV></TD></TR></TBODY></TABLE> <BR><BR><BR><BR><BR><BR><BR></DIV></TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR><BR>!

6 s$ D9 H+ {0 k8 i% P* u / i: v O9 d3 A6 e6 t% b

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-2-19 22:59:00 |显示全部楼层

其中,红色部分为音乐代码,蓝色部分为全频代码绿色为间隔图片地址黄色为透明FLASH.

6 S, w* }4 v6 K6 W% r

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-2-19 23:03:00 |显示全部楼层

<EMBED src=http://att1.ccmove.com/ring/3/20051022_14457271916.mp3 hidden=true type=audio/mpeg loop="true" autostart="true"> <BR>

( n8 N! I: r6 k- w; @

其中,true表是自动播放,如果将true改为flase则变为手动播放.

) N! w! j/ y; v

http://att1.ccmove.com/ring/3/20051022_14457271916.mp3 为音乐地址.

8 ~( S0 ~" u/ p7 p, h- h6 X9 J

查看音乐地址的简单方法是鼠标右键点击歌曲名字,然后看属性,出现的那个地址即是此歌曲的地址.搜索歌曲,我习惯用百度,方便!

7 ^; I' Z) {- q' v. J ~" M% b

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-2-19 23:10:00 |显示全部楼层

<TABLE id=table1 style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 80px" cellSpacing=50 align=center background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingsbcka.gif border=0>
<TBODY>
<TR>
<TD>

% w1 E+ C( @& H% ^9 m

TABLE就是背景 style="LEFT: -220px是左间距,负值为全频,

) T3 E- {* f& G5 i/ j

WIDTH: 970px表格宽度,接受绝对值(如 80)及相对值(如 80%)。

2 Z& W& ?3 b4 h Z6 L* d

cellSpacing=50 表格格线的厚度

. s7 r/ E" g( Q

align=center 居中

+ h0 F) \3 V2 U3 c) P

border=0表格边框的厚度

3 I& W g5 M) ]

http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingsbcka.gif 这是第一层边框地址

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-2-19 23:17:00 |显示全部楼层

<TABLE borderColor=#b95999 borderColorDark=#ffb1e8 cellPadding=2 width="96%" borderColorLight=#fdc9e3 background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingsgold.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>

) Z+ x& m5 b2 Y3 _/ B! n, c: h

其中borderColor=#b95999 表格边框颜色

$ k1 [( V5 A5 Z# j$ O% P

borderColorDark=#ffb1e8 表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

' L, X. v' p: d% T

borderColorLight=#fdc9e3 表格边框向光部分的颜色

% y1 {2 ^( X, u8 D$ n( x

background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/032.files/hwingsgold.jpg
表格的背景图片

, m7 g( F& o3 ]; V: u

$ l5 w2 X$ S2 g" w ^& ~+ @% M/ J

<DIV align=center>
表示居中,你也可以选择left或right.

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-2-19 23:20:00 |显示全部楼层

<P align=center><IMG src="http://202.101.235.102:8080/1/2005-11-8/20051108191654724432.gif"></P>
<CENTER>

其中<P align=center>居中

) n' P. E' h8 N" l; t+ X2 n" A8 W n5 h

也可以将图片固定,代码如下:<P align=center> <TABLE height=高度 width=宽度 background=图片地址 border=0> <TBODY> <TR> <TD> </TD></TR></TBODY></TABLE></P>

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-2-19 23:25:00 |显示全部楼层

<EMBED align=right src=http://forshine.net/flash/1031_36.swf width=420 height=340 type=application/octet-stream ;; quality="high" wmode="transparent">

& z( H! m: N& q

这是透明FLASH代码

& ^; F7 D5 S0 z4 J3 X7 o" x. z

src=http://forshine.net/flash/1031_36.swf 表示FLASH地址,

7 f$ G6 Z! I6 ~

width=420 宽度 height=340 高度

8 t% t2 n3 ~4 J8 a8 h

FLASH高度和宽度最好不要超过图片的高度和宽度

& A/ Q3 ~; x+ Y! ]+ p* ?, |

否则图片就有可能过长或过宽.

l/ @9 e1 ]( Z$ r2 ]" q- l
您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|梅香淡雅 ( 粤ICP备09167417号-2

GMT+8, 2020-9-20 14:42 , Processed in 0.312748 second(s), 25 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部