梅香淡雅

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 3386|回复: 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 |显示全部楼层
很多新朋友很想学音画,可是一看那些代码就头疼,矜琳初接触音画也是一样的感觉,不知道从何下手,现在我们以实例来简单讲解一下! ! n/ s. l3 o& A- j- e& G8 t 5 X0 n+ q/ l3 ]" r$ |( J7 J

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

" w ]% K; r9 S + h& |2 L$ I. X/ I; M9 P! F* Y9 a2 Y7 k- j+ h l% T, ?' a5 S
) J; W, [0 \9 Y$ v$ J- b
( L; L5 f8 S/ Z* i" y: L% s+ M4 K( B: e7 D8 S% b2 V2 K* u- z: |9 w: \: G- w4 M! m! y }* q( s- U0 S- O# w& W' ^0 Q
/ x" U q* r5 c1 s
; D( W9 {1 _9 N! `/ i: `0 y/ z! m6 X$ M4 T2 j: b0 l) p, l1 b6 C0 u4 t+ N) t6 R5 G1 J& B" V5 ~5 K
, ~ {1 Q2 ^# ?1 l& Y# U' d
: |) u$ R# b- [( E4 i; c! o, u. d; O . i7 V T& w4 l5 S- D$ m5 V# X. |! k1 ~/ R( Y5 ]" i- |9 H/ e4 a0 t
& z# @1 ?7 ] O9 s* U2 e
& X9 B0 Z1 p* N" K& t( ]5 t7 ^2 r. ^7 s7 w, H( |1 v$ s3 {( K' k$ B( q* J0 |# _7 |' r! i1 E9 G+ @
% Q" @$ F- I/ ^% |( M% [
u' A* h4 R) _: Q; m2 w' c$ f6 i8 I9 |8 n4 b. r" e) n3 _/ X; q4 {" ]" U; t8 I1 x" Z2 d
9 F; n# [) I! R( A; i
) K6 h& i& M: r, T. {8 ~$ f% o: M5 i7 X6 [% U! K( O! d/ m4 Z1 \& h! j/ \7 I% p+ V! j$ q# Y& z9 P7 s" m# g' K* Q% |
; r5 f" N7 d0 ^/ _
" V) u" o) G9 j4 |( g- `3 z 8 w H0 Q9 I$ W. P9 I Y! D! r: a: f( i! W- m" y& y/ R/ n. s) l+ y
8 _7 e9 P7 b% ^ {/ ]

+ e* P& F1 b, r
4 S" a+ b. d/ W6 c; |8 S, d: T2 E: }. g; t# |. j% Q' b% r H' d- o1 I' ^0 t' K) z- I' ^. Z; C2 }* `


, K9 v) P; Z, b+ {% D

; ~+ L$ i% `7 p. C9 R* ]- n
( _4 w7 A/ X$ K$ S! f! U' l7 w$ a8 i9 K, `$ l1 E C# g8 z0 `/ K- j& j& a/ q

3 e3 }0 M6 \6 Z6 j& Z0 F

s9 z3 B/ O/ Q) R& V" s) ?
# C$ z8 Y/ ~- z7 G I. O/ Q / b% }- x, g4 @* K) F% e" b/ e l b# h& v/ n" ?* `1 m; u" D

+ t! c8 {# n( c7 @3 V


3 h5 U% m6 j* R9 ` i4 ?: u- {
; y0 E6 m+ y7 c3 \ " J3 x) Y% f' A8 _1 P" T |& Q5 J1 }1 u6 }& E* t/ j. ]& Q" A' O+ k! x! n( ^

3 y& y( v7 B# N$ h" Q9 y


0 z T! T& u; @; O- G
9 z! ~% }% Q8 L- Q( M3 g* F' t) Y7 w' Q: Q% ?" J; t X# L `# `" }8 w# l8 D+ n8 j) m; f

( x' L/ I1 W2 b0 A9 ^


; L9 y+ h! T$ ^3 Y5 t: j
- H4 P% Q. g ?, U7 q+ @8 \: A9 N: M6 j3 K; i1 X: W8 l! ^5 y! |9 ^3 q* k4 C- T0 i# i3 [' Y( U

2 P) S! h/ a0 Y6 i. l4 Y" u" ?" S


6 W0 B. l5 a% L9 j3 H4 [ C
7 {8 V' A7 T: G5 ]/ J- L1 _1 h. z9 M! o8 y/ e( K, E/ H' `. Y' _) B& r5 v2 @/ X: b5 m( U. i( V( E

8 ^' Y- S' b! w. m


; I: j3 j$ g- H$ X$ s
1 s% F2 i% i3 H% C : f8 ^/ _4 s* [5 ]0 r- o: V& l( D3 }7 u" o- g. q3 u, L3 u) N9 Q+ x7 |

9 w8 U6 ]& g' X$ D q% j


- n- ^% m9 ]# ^8 _( T. j
. r N6 m3 X) |2 z9 T1 ^' [- V3 a* w$ c0 c7 W* M( S; k! j% Z$ W. f" ^ Y. k' f0 X5 z, E G; }: e* Z S0 W4 {- p+ {

$ B; |( h* a1 `) U$ c/ t! K6 N3 C


* ?! u) `, Z# E
M& F' D: l* }+ S & x: r' q0 A) M4 f1 N/ ?. V0 f6 {+ Q! X# V# v9 p; s$ j) k

8 u- n, w. \3 r) a8 z


: q/ L; _, t) c% x" k
) `# S/ n# _# H3 Y9 {; \0 C ! Q: z! j7 |" l% K8 s* h/ ]; f, n1 X: [ J* a6 y% V* I

$ Q- }9 a3 G0 p4 ^: U; B


+ D: C) d1 V" |. `3 v
; @" [* q3 S& F, B& e% g 3 w' n7 y% c6 X7 d @ l% ?+ b0 c7 J' ?# Z) P0 ~# r2 h( L; h" |

7 n/ W: S: ~; e; I* A/ O* i" @



- z, |. D% A' S6 [- [


1 V- M1 J" A; B+ |
$ ?9 `7 a: W+ `5 s0 C* P
g5 N( X7 c& Z( y
+ q; X! K# q/ K- h
( I( ?7 D( ]) ^) g4 x K& `, f
$ j0 `; }, B R3 L9 L) w2 h" b
3 c8 C7 T; u9 h













!

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

代码如下:

. `" Z6 x% k+ ~

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

+ u6 f4 i5 Y! v4 z5 ~, Y+ O6 C

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

4 y# a) Q2 K& x9 F5 C8 X ( C4 ~: [" t4 Z) Z

128

主题

0

好友

21万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

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

T: B1 H9 i% t: @1 Q3 q+ |

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>

" E1 U/ s9 z+ n" e: v& d B

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

. h8 `4 A- {& P

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

: Q4 U, i' Q# W& S4 B

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

- N- x* E7 B8 j

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>

% n9 a# K8 H; ?# ^/ r

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

; Z. v3 E" { z

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

) M* l* j5 N2 u( o7 D1 [; Y

cellSpacing=50 表格格线的厚度

! d8 ]# U& P3 m( I* r

align=center 居中

\1 z- T6 f3 G

border=0表格边框的厚度

, m/ y' z1 e/ `5 ~: X; M3 X3 i; D* }

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>

5 @3 b- N( V+ N [+ `' H) L7 M9 Q

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

; S& S' b9 A" h6 T" \, ^

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

# y3 U% Q, y- r$ P/ n N

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

* `7 ~: x+ a# k* V3 t8 S0 N

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

/ c5 C$ S0 K" b

% w3 h6 M3 D! S& Z$ J+ D5 `; ~8 t9 [ b

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

9 U1 k9 C0 C/ e9 b- S# R; |

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

' o5 B/ j- m0 R

这是透明FLASH代码

% c4 P. }! r, b) J5 X) a

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

9 h$ ^ c( t9 I

width=420 宽度 height=340 高度

' x: V5 H0 H% D

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

u; q8 n$ G5 m1 L$ A' D" o1 E

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

: E s4 X# v6 L) W* ]2 s
您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|梅香淡雅  

GMT+8, 2019-1-18 02:52 , Processed in 0.291689 second(s), 25 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部