梅香淡雅

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

[复制链接]

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2006-2-19 22:33:00 |显示全部楼层
很多新朋友很想学音画,可是一看那些代码就头疼,矜琳初接触音画也是一样的感觉,不知道从何下手,现在我们以实例来简单讲解一下! : a m/ F( p% O4 f8 ]$ H 1 b+ m2 m! l- u9 C' N

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

d. n' Z2 r0 Q1 x 7 ]. @, E4 O* s' |% H4 _$ B9 W9 j2 w1 T! G' I- w" `0 B \" ~, |3 y/ _7 F; P5 i& A; s9 @8 R/ v
, L, D* x$ u8 w9 m0 Q
1 G. G7 H! m, i; `0 l. [# {; p% C2 z/ L6 Z1 Q! l) y8 ]" g, ^' b) u; ^3 q8 B5 o: H3 [, {/ |
/ v. c2 }3 E# R. A
3 X b2 F% U: o( T5 o / M6 p& d' e. [- ?! U+ d0 [( ~1 W0 ?- I R9 h( Z8 U ?$ ?. B! E! Q7 S" k0 N
8 Z' T+ l& h2 E0 T2 F
0 X+ F9 P) _5 L' q5 V1 Q+ f " D2 Q, z, B( a; R ~3 ]1 Z9 Z7 y8 o7 ?; `! c4 y( J% a% b7 Z* P
4 a- ?+ g; J* Q4 T& z
W" A6 X" _; r , m& o( [+ R, d9 [" `! J, N- `4 A8 l/ C8 Y- b! R8 h& B0 E, t5 Q
) ]6 l. J- g% ~% U, v
& `7 A0 P1 w, J! q2 a" k ] * y4 A% X w `& M6 ~2 \: _8 e' j2 G% b. P) _: ^- R! \* J" K
3 S- K7 T, Z2 I5 L/ d& r; E2 w. W
( H: ^; H$ l, z& \8 |; d # U! Q) t; G' `# R& L) G8 _$ {+ ~# @/ e- Z f1 W$ n8 F2 o( {' D, s" k1 i I
; i7 R+ t- I* ]1 S8 M
/ `7 `" W2 [& F% h) n 4 z* Z6 B" x! l. `1 v8 K. }1 E# m( G8 m: l4 n- b; p9 ?8 o6 d- B6 J: P/ D5 m
% R E+ x- T& u4 e+ Q1 {

5 H- [; h- S$ X# S. t( D% }
- H. Z0 h, H1 V/ ]5 h' N s! \& S+ t5 P k% A8 c& K* A' l5 m/ H, q& {* a$ P5 Q! Q- b


7 N! W0 d$ q! d- k" ~) P

. L# ~6 b- Y) x
. O$ l5 u( m" H1 h6 L% N: x% r9 U4 O R6 R* a% ^7 }* |4 }% w: u7 S0 B8 I! I, J- \ V" R% t& Z. r+ k/ _4 d3 u1 Y2 V4 ?

5 w3 ~5 w% D( t6 G+ n' K

7 p/ S* I3 d1 G" |4 Z+ y
2 M8 y+ U& a! {1 p $ W- f+ l% O) ] f% j3 U8 L. w2 p( j0 D; P8 W; g0 t# [9 K/ o) v P+ O4 B5 c I6 i6 E

3 O2 ?" d8 X3 B7 c$ o7 N. l8 p+ ^


n2 ]$ ]3 m/ z) A S
5 e) ]) i7 r* s2 [9 K5 W: h; Y3 D, k % ]& E# ^) {# X" h6 k4 o$ P! Z% l! L+ f5 R# A1 E J. T* ~! h' o3 t) b

: @3 j' K D0 G6 U) K8 V2 b. y6 i


* T! c) S, |0 l1 a& P1 p0 ?% I
2 w$ d+ O! ]* _! }5 T% b# O" m/ ?4 a. r+ ~ ) r7 S: }; N) C5 C8 [, c5 v; a5 F4 a, b) [. V3 E* Q0 q2 W: w9 q& g- N6 l9 t9 r

8 l) R, F5 `2 `* \


1 r$ `" X- y9 s: r) A9 j+ r! C
% z( h, E* k* |, C; F/ y7 t' p6 S5 ^! c2 [5 ^0 ^4 U! n- e- i! }3 G ?/ b' z i6 x& x' K- h: R$ g9 C

/ b: |$ [/ _2 C


; r5 |: Q" R5 [- U
) e% {2 i& j9 v/ Q/ u' j4 D8 T2 s3 n, H7 M/ B# L$ a7 q& [& R/ s+ o# O; |" [

5 m0 K; w. X/ y6 H


: }. J4 p& C# Y! G3 ?9 V
) c/ a3 ]: x2 M! K/ o 7 d" `8 H/ B' P7 m/ W7 q# K" b+ m5 N7 h/ x2 i) U- Z w1 Q x

$ c% P: w+ l) \7 Z


' X2 r `( Z* K9 A& ?
! N1 W( q8 p2 b" z, K, z9 d% y: k q) y# Q% a& \+ y/ B" ~8 f+ J; l( ^% }6 Z% z1 ]% }" s, U7 x! [* s1 ]

* q9 F `! P. V


4 d# g/ G$ n, ?1 i$ d$ }% {. @
# O+ q: x. P" P2 M . ]. l$ ?6 |, N O/ `3 L8 T, n; R9 r5 m' l6 c. `7 {! X( k! k( ?4 @. y! m

) f+ c& T6 X" |


D4 F8 B& H0 R5 }) h
8 N9 `: U! _3 m2 ?8 I1 W l7 W6 a0 m9 S! N. c! i" O- _. V3 A- K$ X; I5 c( @* \; V+ Y! }. X$ ]; q# S

, ~" y2 Y$ X+ \+ T$ }


+ s* O& ~+ J& z4 {8 x0 y& H9 K
% ^* L. N% f, H, u A K/ Q& G; g * T4 C6 y2 _$ Z% H1 q5 T# v0 M& B) A5 V# Z+ h3 h) a2 T/ W4 y5 u9 d4 `

" U! m- `+ b/ f! n+ i4 ^



$ G; o5 ~9 g" x2 L+ o


# y3 e S. q. v7 o5 @& _1 ^( J
8 o9 b- g8 U: ~5 `% g3 U
7 b# g# K, Y0 ~$ G6 }9 Y
0 d3 a. }, L2 F' B; Z1 W' ?
7 z C7 \. V# [8 }* [
1 c/ x! `6 e- m
4 }+ o- @$ L# o" i1 T













!

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

代码如下:

* t1 i% x( E- l) G7 E+ m8 u7 f

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

: } f3 N4 [; G; p: y9 u- D

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

1 F1 f8 E* @" Y3 t% R9 M _* P B- ]/ s" a" |" d# N K8 I$ h

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

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

, |5 s# H7 j: D

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>

- }* x( }' e( W% I* `! K. F; i

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

[. r; H: |1 \3 ~2 t7 Q

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

2 V+ g+ R" D2 {# V8 q+ Z4 L2 w

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

" k* h) ?- L, Q( a; `- ]2 R

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>

7 A8 S0 T. O D/ j4 `# a. K

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

. N" E5 Z& p5 S( w4 I6 b

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

. J2 h( X5 J6 E: P' E" k( P2 `0 a

cellSpacing=50 表格格线的厚度

( [, l. Q$ t# R

align=center 居中

: B2 v2 {# j" m# t* U# N/ _

border=0表格边框的厚度

3 p1 f+ c& i' ]) K3 A

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>

1 V% \8 b, u9 \3 u

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

5 E: p9 O. N/ R w8 \

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

8 k) J$ X! A- T2 T" b! n0 n9 p

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

' J( X: n9 M% z% W& E+ d

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

5 j: [& l) ?0 S; L/ M7 V" @& Z% k

' ]8 ^) h5 L/ R

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

5 ?5 o- f0 Q" q* c

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

2 W- Q8 @* n n, L. N |- `& b& w; {

这是透明FLASH代码

; _' N; |( L1 z1 Q

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

/ c- Z, b" p' [ l. m

width=420 宽度 height=340 高度

1 P! c7 n* d E

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

6 K: ]. t+ O& B4 a" h8 {$ Y

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

- @/ j& o$ w9 t3 \9 D" K! C

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

</TD></TR></TBODY></TABLE>

; _, J/ u5 F/ }# o$ ~+ \, q0 a

记住你的帖有几层背景,即有几个每个<TABLE ,结尾一定要有与之相同数目的</TD></TR></TBODY></TABLE>,否则就可能出现乱码.

( K' V, d9 M' j

<BR>是空行键

; r9 k0 d/ J a0 ]! F' O

一般发帖结尾多几个<BR>,就可以避免找不到编辑栏.

! Q8 U- d0 F" Z7 T# u/ z
您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|梅香淡雅  

GMT+8, 2019-5-21 04:27 , Processed in 0.323557 second(s), 25 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部