梅香淡雅

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 3464|回复: 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 |显示全部楼层
很多新朋友很想学音画,可是一看那些代码就头疼,矜琳初接触音画也是一样的感觉,不知道从何下手,现在我们以实例来简单讲解一下! % X) o s) e& \# T9 X4 {) `) d+ v2 d8 c, ?: [) c( C2 U* ]+ D

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

. g( e% a; h; n+ I3 U) E 4 p: \. S, z5 Z0 F% S/ j' Z& z. Y1 q- E( Q" t$ q' u7 |: O6 N
3 X! d( s6 X* e! @4 r3 H
, S m A0 g! a3 D' c2 q6 B/ z' g; g: @" m, ~/ D3 @1 D9 j3 f, j, K& `. P0 |4 P0 g: V1 W% `2 n
. Z2 b$ H- V4 ]* x \, B" a7 Y
. p( }; @: K' r+ O9 w" J/ Y$ \ / T# Z+ ~, L+ C1 r) L5 Y7 _/ I5 x9 {$ K( _: L. f3 }: C# g! X+ N# L! G! p
/ K) N. v- V3 Y1 F
6 f- ^* {8 I/ }: c! ? 9 m* U5 q& h/ S$ H$ h4 `% o4 }+ T0 [1 V5 I, D& o3 u! |) A8 M/ R
% t% n" u: u# H
* B1 P4 N; _! c9 j2 [ . G# g$ K% r5 A: |1 H" x: g/ @9 \6 s/ n j+ E) k1 q/ X1 ]5 F6 Q( v
8 d8 ^' k* B/ O( x! @! D! y7 ]* C* T
* s$ s a9 Q' M3 X& v 1 f, h/ K# B) h; w% ?4 v, `: L. q2 B6 ]9 z7 U9 y |: v) V+ E. K' _
1 q' O/ \; N; b. f
2 Q0 A2 p2 f) _7 g3 d5 L' t0 J6 X8 u. P) w6 n9 B, A3 r9 b7 g! K: P7 g: E# N' s, [7 [$ s; l" L
* ~; g3 y) s3 u/ d
0 [( ~. N/ x2 a* R, N+ v5 X: E# A8 q0 a' f" a, I$ J* R( Z3 ^) O& z- i4 B, S/ F. F: G
' M7 x7 J( e& I4 N

6 A. v9 ]( O0 p# Q, p# I# w" F9 g
1 `0 J# e7 {3 H 4 p* X8 x+ C4 c3 n# a# O7 d9 G5 b+ |. h% r+ M" }# ^$ ~4 }- [& f


, E/ g* P* q" A( i) Y1 v/ n

9 s4 K% V, ] k9 A9 z; n
4 l* a" o1 Q7 X& P8 j% J( V' }- v( _3 r0 o+ T, | A& M, Q0 G. ~! D0 T0 c+ q R6 E% G$ j, c' e

: V1 k. s% {% _7 D

: k+ [$ ]: X4 L9 P! A4 A& ]3 z
, E# G. |" J" q$ |( o+ d3 I/ l+ W) N G" Y; k$ E- ?6 v+ R8 B# h, @) L7 |& A; T5 ?% Q/ c D) n9 ?. C h; j

* `! v2 i+ \8 K; u0 v


6 W: Z+ `+ O3 [3 g( _! q
: y% L% h J7 A/ K ' L* _. P. W! T# s Q0 } W f3 v, O- n0 `7 |3 z4 k* _% p) o- b( c: n

/ @) N: G$ l+ `


+ o3 M/ s7 B: p5 e' u' ?) v3 ?
6 P! I4 R# ~& M M- } h4 a: t5 L ! d% a% v4 L% w: U( V6 v3 g6 `0 Y& I: C" `7 D4 s# h. O

! z4 b4 S5 f, y1 ?, N" E- R6 K0 h# T" H


0 _0 L+ X0 M1 W8 y/ y
% \& K( F7 T3 v! k. G 1 N, L% f: d- L# l6 v$ P2 J2 A/ m: |& b( _* l7 _( Z& ~6 C' b6 s' L& i5 Z

1 y* B% h$ l" L6 p. u2 q$ H


q% G5 S6 l! X
, x4 p9 n- `, U( e, x/ u 7 I* J Z% c1 n `9 L% C8 U$ t: \" T7 U) ?, M3 g+ v& k u8 \1 C6 S3 |

, `& w$ W5 ]$ r6 {/ x


- N( \% s. i9 ?& m( d
. w2 J1 q9 e. m( o+ Y2 z$ z1 a; h4 e. S$ U2 g+ y4 |6 }: Y& x t4 q9 _$ b9 W" b8 C: a7 H0 l; v& d& T

- X g* G& t. } |


" W9 a3 I; M3 Q7 k$ Z* ?
% C; u5 `; @( X; n1 L! _5 S0 i' V* _! `. ~$ g; _: h1 @4 P3 i3 {( C+ u( r4 }& e! F4 H- t, l

$ R7 q- `1 W" e8 w


$ X1 }& i/ Z1 k- U& o% L/ W
7 ` s0 x& J. ]1 C 5 r* T9 b9 F# l! I! H' P. d# I7 O; C6 e6 \7 e4 j* [8 Y! ~

0 S4 ]/ g$ }) u7 S# _+ w


6 ^. j$ K& b9 q% l q: s! [
9 _9 [* s/ z2 ^ i/ B& T4 l4 t' f `4 U/ H5 d9 p; Z* [* @, U8 E, }1 C2 @# F8 r. k' d& o

. u# l! m" A: G7 N o! q9 N


! x* g. m6 P- q6 W; e6 I" ~/ M$ ~* I
) {3 n% W" w8 S/ {6 x3 O" G% A* @9 C - y/ x, J/ k( }3 h$ A2 ?8 x& V5 Y3 `! ~9 V' P# h7 @7 c" d: \7 n6 X' n2 j4 |( w# W

5 p3 d' s" \8 w; N



0 i% n$ Y! S" e( F& w, T1 W


{) C/ ~! N+ b* T& {+ J9 m9 g+ N/ v
( [7 n9 ]' C2 ?% S9 a. m( A
1 T% _3 m0 E/ ?4 \
7 ^( I |; O9 A1 V* h
* @2 E9 Z1 ]. D6 O: }! w
4 B* S! t6 f# {0 A$ _5 @# V
+ R T% i/ e) e; @













!

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

代码如下:

" T: K t/ [0 `$ Q3 M: S

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

& | ~! c s! |; ^

<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>!

; m {5 T& \" M, h+ E4 G . U, T/ g2 w" s, ?

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

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

# j- m Z; Y; H, e: @6 x, J

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>

, V" Q! x0 T8 N2 g/ y

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

$ Q2 M* N3 A; i

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

* p- N% L5 e3 |. z2 m, F5 A) x n

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

1 v7 A. M( x' e( D7 n# m

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>

! Y& H% [( O) ?8 x$ Y/ f. f

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

8 ~6 H0 W5 e7 `* M+ e7 t/ J

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

. R x/ }# M! x9 i" _' H

cellSpacing=50 表格格线的厚度

8 Q3 Q: C9 c1 j) w/ R

align=center 居中

& W, ]& ^! ` y# N/ W3 l

border=0表格边框的厚度

/ I+ J- X$ c- S3 Z! V q4 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>

' G: }4 B! c, q+ a

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

4 C" k7 q' W0 E, s

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

3 }" u% o/ b; I6 ]

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

) C- n$ _! w; Y) g* d+ [

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

+ q: {' ]6 N8 Y* [2 ], f" O, i

1 ?* f( |# V) I+ y

<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>居中

3 G! R: ~, M. Y, T, s

也可以将图片固定,代码如下:<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">

4 t& N6 X% v& @8 A

这是透明FLASH代码

* F" |8 f4 w# L0 z$ ~, q% V$ |/ k

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

1 T3 Z! x) \5 ~+ w& a- o! f

width=420 宽度 height=340 高度

$ v& Y% u7 P- C' k8 f

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

9 w9 l: E+ f0 P0 q" E0 M" G

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

" e: D, x0 d2 y. ? }: m
您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|梅香淡雅  

GMT+8, 2019-3-19 03:26 , Processed in 0.293955 second(s), 27 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部