过期域名预定抢注

 找回密碼
 免费注册

【分享】html基礎知識

[複製鏈接]
發表於 2006-9-4 16:46:23 | 顯示全部樓層 |閱讀模式
1)貼圖:<img src="圖片地址">
; r2 n. }2 X2 K& S/ U
/ [2 ~; Z4 E2 t, s( v; f" ?* W2)加入連接:<a href="所要連接的相關地址">寫上你想寫的字</a>
9 C9 y/ ]6 [  p( j+ n5 u, t  Z5 g9 P, Q5 K$ V8 N4 F7 E: W9 {
3)在新窗口打開連接:<a href="相關地址" target="_blank">寫上要寫的字</a>
5 A1 i  u  g- B# c7 l6 L1 I+ n$ M' K4 C) u% Z0 p
4)移動字體(走馬燈):<marquee>寫上你想寫的字</marquee>8 {  y- m! A; I" S+ I4 p

# ?) ~3 {1 n1 f0 D; u. i% S9 s5)字體加粗:<b>寫上你想寫的字</b>
; j; b" ]( Z- m) G+ m# Z9 U6 G' _2 J* A# U8 u# p8 {* I
6)字體斜體:<i>寫上你想寫的字</i>
- w" `/ B0 u0 X
% t% H0 y8 k% c7)字體下劃線: <u>寫上你想寫的字</u>
, I/ M" R% [6 x6 L8 a( [
) Y: ]% S/ X' E' l5 A6 d; q8)字體刪除線: <s>寫上你想寫的字</s># Y; _: [4 q6 S1 t3 f- I: _
2 P) k* K8 Y9 _  o4 h
9)字體加大: <big>寫上你想寫的字</big>9 R2 Q1 h# {. y7 }3 h+ {5 i5 d

0 O" |# p5 h, \4 t10)字體控制大小:<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大,h5最小)
0 z, N$ h0 e7 W6 {) {# V% T3 W. ~+ b, O8 O: }5 L* K+ }& p
11)更改字體顏色:<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間
: b9 `4 l, s7 q# x5 ~* d! F: }& H
. H' q8 o( j! L0 I$ @* q+ x12)消除連接的下劃線:<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>. `6 w) N! ]) i0 w! X
5 }; D; v6 R) y+ u+ y9 v
13)貼音樂:<embed src="音樂地址" width="寬度" height="高度" autostart=false>
) O& D/ e1 K7 `& P+ }8 I$ c+ M. _; e3 f4 I7 I( J9 D
14)貼flash: <embed src="flash地址" width="寬度" height="高度">- E4 t" M& q6 ^9 [/ J( d( A
15)貼影視文件:<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>
" N( J; q2 c) u  j0 Z/ N- Z8 g. |7 K1 T* w* z
16)換行:<br>: e. A+ O! h9 D# d9 [3 ]
+ g$ C4 N1 T3 K
17)段落:<p>段落</p>
; o! L( [; y3 G4 w6 m/ H( _/ y
4 S0 U0 C2 x4 l4 o18)原始文字樣式:<pre>正文</pre>- \/ L  B- b8 F6 m4 H
$ Z( y7 l' Y' r7 F2 z* I
19)換帖子背景:<body background="背景圖片地址">6 U0 Q5 l# @/ \4 Z! _4 m" @. E

$ Z1 d3 q0 R+ G20)固定帖子背景不隨滾動條滾動:<body background="背景圖片地址" body
; o* P% E- e% B- j  dbgproperties=fixed>
% V. o  B% @, b4 O8 m, e7 u& S: i1 T7 N
21)定制帖子背景顏色:<body bgcolor="#value">(value值見10)9 k* X/ [0 z  V# o! @$ A

( _& `) s: N- W3 T22)帖子背景音樂:<bgsound="背景音樂地址" loop=infinite>
5 ?* ^' I  Q# Q3 L5 N$ u7 v* @5 N, |6 u- _
23)貼網頁:<iframe src="相關地址" width="寬度" height="高度"></iframe>' F7 S" ]: V" ^; \5 y+ e
附:html基礎知識,忘了代碼的來看8 V! ?4 @5 u" E" Q' }4 z  V0 m

; Z& b! @8 X% K1)貼圖:<img src="圖片地址">
3 Y- q7 o3 P0 F9 y& D
& n% O- X  _) z& R' y" y2)加入連接:<a href="所要連接的相關地址">寫上你想寫的字</a>, b/ @( |$ q0 f) D

# X, M7 ?$ {7 g3)在新窗口打開連接:<a href="相關地址" target="_blank">寫上要寫的字</a>
6 q7 W) |* _  M$ F6 l1 w- w: f5 Z& U6 v, Q7 ]$ {! r9 p
4)移動字體(走馬燈):<marquee>寫上你想寫的字</marquee>
4 [- V3 w# n- g7 C. |* t  u9 a0 ^+ A7 {  L/ b, `
5)字體加粗:<b>寫上你想寫的字</b>
) d+ s: b1 b8 f# g( X: y1 p/ b+ ~& P, _6 P2 M: _; r5 c
6)字體斜體:<i>寫上你想寫的字</i>. F1 s) \' S# \4 u7 n" X' l
: D$ \! N$ \$ O
7)字體下劃線: <u>寫上你想寫的字</u>  e; u0 y+ v) T9 A. ^' I6 {: i

& f' z. `8 o# Q& z8)字體刪除線: <s>寫上你想寫的字</s>" u( ]% g; d% h

: g# N6 I& p& N% o0 [9)字體加大: <big>寫上你想寫的字</big># F, T, u0 g8 c9 v) Q+ C

1 h. \6 N$ i# r/ f4 y( j10)字體控制大小:<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大,h5最小)8 e; O: I8 d4 c% O5 q! ]

; b8 b% l- v: A9 z8 ^0 N11)更改字體顏色:<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間: ]- O' y! x) V% T6 O% [$ i# T0 S
: @# ^3 H% ]1 F4 [: J
12)消除連接的下劃線:<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a># |" C, q% T( |4 R: r( {( q/ |

# R' N. B( f3 S* ^13)貼音樂:<embed src="音樂地址" width="寬度" height="高度" autostart=false> # L/ f1 {/ [  @# H6 j- @$ M
1 x* Q) a; L7 ~6 w! Y) _5 W5 G" H
14)貼flash: <embed src="flash地址" width="寬度" height="高度">% H+ B4 H* d8 }; J8 w% X4 \
15)貼影視文件:<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover> , V8 j. ~7 N" I% ^- j6 w

7 g) ]9 }3 w1 Y# L( ]. l$ J( R16)換行:<br>! e$ `$ `3 T4 X  C2 S% l( _: ^- E
$ u2 w4 ~* Q5 v
17)段落:<p>段落</p>
/ p/ ~7 K! A! s4 M: f2 D& P9 d/ E# ^5 M1 i
18)原始文字樣式:<pre>正文</pre>' G3 o( |: {- H! c) ^- h5 r# a1 {

( W4 Q4 W; m; O9 l19)換帖子背景:<body background="背景圖片地址">
3 Q7 t- e( c  U3 v: l# V' a4 K0 m7 x8 a; ~! R3 G/ ~
20)固定帖子背景不隨滾動條滾動:<body background="背景圖片地址" body
" v- j$ T) R8 L% dbgproperties=fixed>8 c1 v% T7 j  n& }3 [& \+ V
  j  {3 H' j) W( e: s2 o: ~
21)定制帖子背景顏色:<body bgcolor="#value">(value值見10)7 _# X* x0 e. h# Y, Q, V

4 Q2 M1 G! B2 L" o9 V! r5 u: w6 Y22)帖子背景音樂:<bgsound="背景音樂地址" loop=infinite>
6 B2 q( ^5 o5 L3 n' @7 [+ f( i- J1 F0 F1 h$ s0 E! P* C, T
23)貼網頁:<iframe src="相關地址" width="寬度" height="高度"></iframe>
2 g5 Q# x: \6 J6 H" k附:html基礎知識,忘了代碼的來看$ q2 ?3 f9 q: @& U) m

0 P5 f. w# h( ]( K" R- {1)貼圖:<img src="圖片地址">
% F: h8 I1 j' b* s) w% X' z
& ~7 W7 I6 ^6 |  z) K3 U$ ?2)加入連接:<a href="所要連接的相關地址">寫上你想寫的字</a>  o. o$ X# C4 ^( x+ @6 C: a

) k% n+ ~# a" Z+ ~8 K# m3)在新窗口打開連接:<a href="相關地址" target="_blank">寫上要寫的字</a>, g" \$ r5 L' q5 X7 N+ [; W1 M

/ O& Y( C: v$ E4)移動字體(走馬燈):<marquee>寫上你想寫的字</marquee>
$ s+ a; d) O- I/ r* T- u3 z( m+ `
5)字體加粗:<b>寫上你想寫的字</b>( n- k0 ]6 ~6 `* v6 D  O
8 f  N4 R2 H4 [% p& ~8 E( v/ x! a, p% w% q
6)字體斜體:<i>寫上你想寫的字</i>
! X% W# @0 n/ j# ~4 U8 M$ t/ v8 Q  Z3 n3 [
7)字體下劃線: <u>寫上你想寫的字</u>6 A$ b4 ~1 Q. L6 U
8 a# \2 p" A6 T  j* _& Z& f5 j8 M! C
8)字體刪除線: <s>寫上你想寫的字</s>: z, R1 W2 k4 O; a

0 r5 V& m; p# q! `  l9)字體加大: <big>寫上你想寫的字</big>
4 h1 @) A* I6 O: ?- X8 S
5 I6 T+ F' J- J+ f10)字體控制大小:<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大,h5最小)
' x$ E) u" W/ I# z
9 B9 F! @+ e5 ~$ I' c11)更改字體顏色:<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間
1 S4 ?# y5 S( b! @& n
/ u- f* d6 ?; _12)消除連接的下劃線:<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>
8 }1 K) z) y- [% x7 h9 c: @( K6 Q$ O; u, t) j
13)貼音樂:<embed src="音樂地址" width="寬度" height="高度" autostart=false> 5 j  N; g7 Q& U: `' ?! X
  G) R4 [6 i* |6 z
14)貼flash: <embed src="flash地址" width="寬度" height="高度">
( c  K9 z% P  E1 X6 s4 m15)貼影視文件:<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>
9 a, w9 y4 J7 A, {4 }7 w+ y- s5 m9 E& C' X- z8 K( A& E  Z6 T3 N
16)換行:<br>6 r  i6 q" B  K6 k( n/ F; N- W
  g  X3 f" f. z& P
17)段落:<p>段落</p>% _& ]7 i3 ~5 y) t% `  u& N
& q$ m1 a( z" i: }% {1 Y
18)原始文字樣式:<pre>正文</pre>
$ m* u! I9 ]: o2 t$ }4 w. F6 x6 D0 U' ]0 r. ~! V. a
19)換帖子背景:<body background="背景圖片地址">, T" u4 z4 M# s( Z* w  W

- I: B: M7 f6 Q4 z# X! ]8 G20)固定帖子背景不隨滾動條滾動:<body background="背景圖片地址" body
1 M) ~$ c3 l0 F( x2 f3 Ibgproperties=fixed>! x( L; a; n! R9 N3 N+ {

/ U- C' W! v' k21)定制帖子背景顏色:<body bgcolor="#value">(value值見10)
/ e0 |$ @, e9 X- }- Q$ {. L8 E( B) \" ]+ x* X. U
22)帖子背景音樂:<bgsound="背景音樂地址" loop=infinite>
% J5 @- `2 y3 g- D, U% b  v3 W
9 u4 L4 J( b7 `# e6 y  v; o" U. M23)貼網頁:<iframe src="相關地址" width="寬度" height="高度"></iframe>
: W+ w2 |& a( d, D% l4 t
: }' t0 t! w: n
[ 本帖最後由 ctc 於 2006-9-4 19:21 編輯 ]
 樓主| 發表於 2006-9-4 16:48:03 | 顯示全部樓層
HTML各種命令的代碼:# b+ l' a/ m/ i' x
( E8 {5 w; y$ B
  1、文本標籤(命令)
. B: U2 h, R+ U( w  <pre></pre>         創建預格式化文本
; `, `4 l, v9 \* O" a& ?  <h1></h1>          創建最大的標題
; h( ]  y" B7 Y6 L3 X5 ^2 x6 E  <h6></h6>          創建最小的標題" ?2 A: h: R: P: m# o8 L& Y
  <b></b>           創建黑體字
  b) B) g1 n, o7 c1 k: a  <i></i>           創建斜體字( [+ h1 Z9 P( }& W
  <tt></tt>          創建打字機風格的字體
6 Y% u6 v& @  S  ~; \2 H" n0 x  <cite></cite>        創建一個引用,通常是斜體
) Y4 [0 S  h. t6 l$ O  <em></em>          加重一個單詞(通常是斜體加黑體), a$ e1 [' n* O6 C
  <strong></strong>      加重一個單詞(通常是斜體加黑體)* x. `3 [( u7 t9 A8 p; A
  <font size=?></font>     設置字體大小,從 1 到 7" b, I( ?5 S2 u# x6 r- d  O
  <font color=?></font>    設置字體的顏色,使用名字或十六進制值 ) G  P1 T+ y6 b7 \2 w2 q+ e
  2、圖形(命令)4 X) H; ~! _/ e
  <img src="name">       添加一個圖像
+ h1 U( p  j0 k* ~( Z. B  <img src="name" align=?>   排列對齊一個圖像:左中右或上中下
2 n/ O6 _. d" d  <img src="name" border=?>  設置圍繞一個圖像的邊框的大小
/ m6 z& V. s* i7 ^+ f2 j  <hr>             加入一條水平線
# h! t+ I3 Y) m  K: }8 U  <hr size=?>         設置水平線的大小(高度)
" s  Y: J2 A" k! R* H2 K! P& z  <hr width=?>         設置水平線的寬度(百分比或絕對像素點)
% c% e: v3 W. s; l6 u/ ]  <hr noshade>         創建一個沒有陰影的水平線 , |7 i/ d& \, e  l

2 X3 Y  n/ f, E) l4 X; \( E* P, c; M% [" O3 E! F, Z! n/ S! f1 j6 O
  3、鏈接(命令)6 R, f: B( n& {$ `
  <a href="URL"></a>      創建一個超鏈接
8 y+ U1 Z7 R9 l  <a href="mailto:EMAIL"></a> 創建一個自動發送電子郵件的鏈接
, Y  t$ I9 P5 |! n/ m- Y5 `# f  <a name="NAME"></a>     創建一個位於文檔內部的靶位 2 t5 P  j% L2 k' K8 R3 B3 }; `
  <a href="#NAME"></a>     創建一個指向位於文檔內部靶位的鏈接 ; i( d6 {* G1 y
% u& M5 K% ?8 X4 z- o4 R9 `4 m
  4、格式排版(命令)
; p$ [9 e/ \+ \  f  |/ G' G  <p>             創建一個新的段落
( Q$ Y. s1 n% j, B  <p align=?>         將段落按左、 中、 右對齊# g" j9 q+ @$ b5 A- d0 A
  <br>             插入一個回車換行符, x2 c" X( N  m7 S7 y* Y
  <blockquote></blockquote>  從兩邊縮進文本2 u1 A7 P# ?1 U7 v& b0 M: G  ]
  <dl></dl>          創建一個定義列表2 p/ N1 T, H6 c' P) I
  <dt>             放在每個定義術語詞之前) @& `2 ?' M4 F% x$ Z. f9 |
  <dd>             放在每個定義之前
( ~2 Q! A1 |( ]+ p# Q# U  <ol></ol>          創建一個標有數字的列表. y2 M6 G0 U' Q  c5 S" }
  <li>             放在每個數字列表項之前,並加上一個數字
" u' J( e6 Z1 |5 `  <ul></ul>          創建一個標有圓點的列表
& ]- S  u; a0 }  <li>             放在每個圓點列表項之前,並加上一個圓點
8 X. `# c% K' K- N3 a/ @  <div align=?>        一個用來排版大塊HTML 段落的標籤,也用於格式化表
1 W: b2 Y$ i* T& g$ \; c6 U% j8 K! s! s: A6 h. D: i
二、HTML基本語法
' D: C9 c1 Q1 ^$ N% F8 w, G
6 C' M5 m; l" ^9 w# [9 a: w  文件格式<html></html>(文件的開頭與結尾): g* A) W  K& E' s) I4 s
  主題<title></title>(放在文件的開頭)1 J, B/ D" l# M. B) j: E  s
  文頭區段<head></head>(描述文件的信息)
" w, H% h# B% I2 u  內文區段<body></body>(放此文件的內容)
% [" {& @5 r' u" d  標題<h?></h>(?=1~6,改變標題字的大小)0 ^: x' o# z3 K; i& D& V3 P
  標題對齊<h align=right,left,center></h>
) s1 f5 L/ F) C3 o9 ]" J: l  字加大<big></big>6 ], }; A+ @$ k( f$ }0 R! P* Q
  字變小<small></small>8 _4 B$ I. }  F! ?; D
  粗體字<b></b>  ~& H$ o' d! y  S8 x
  斜體字<i></i>) U  k1 F7 t) B/ p+ O
  底線字<u></u>
1 ?( ]& P: o; l; ~* y  S5 ]) K+ A  上標字<sup></sup>; [6 K4 m" k  n' d! B- f2 L
  下標字<sub></sub>
. ~; d) \" u* I0 S. K* Y& z, \  居中<center></center>
! ^2 @; X; C8 }  居左<left> </left>
  U! O- E# G2 o2 M8 J1 |  居右<right> </right>7 e1 B' v- a: r, w0 s( a7 v" B
  基本字體大小<basefont size>(取值範圍從1到7,默認值為3)
- B& s2 [( _, Q- A# h7 d+ n  改變字體大小<font size=?></font>(?=1~7)
) W6 L% L3 q+ |- i5 |3 v( T  字體顏色<font color=#rrggbb></font>(RGB色碼)8 |9 a. N6 C' C) a  i
  指定字型<font face=?></font>(?=細明體,楷體等): B+ E! b8 w; ^% K) c
  網址鏈結<a href="URL"></a>4 M$ b9 ]9 W' K  ^6 X. \( H4 e# E7 Y
  設定錨點<a name="?"></a>(?以容易記為原則)/ W% ^$ z+ B1 Q6 A
  鏈結到錨點<a href="#?"></a>(同一份文件)
7 U  i1 }3 `6 e! B  ^& |% x  <a href="URL#?"></A>(錨點不同文件)6 D, X3 A! _  C2 y2 w0 D( V
  顯示圖形<img src="URL"></a>' v! }/ V( c6 f
  圖形位置<img src="URL" / L$ U* v- }3 _( F
  align=top,bottom,middle,left,right>(分別為上、下、中、左、右的位置)
9 D+ n6 m! @6 n2 O3 Z( ~. N  圖形取代文字<img src="URL"alt=?>(無法顯示圖形時用)+ ?- H# m3 p. r* |; N0 {
  圖形尺寸<img src="URL" width=? height=?>(?以像素為單位)
. T+ n2 @- C4 X% B: i  連結圖形邊線<img src="URL"border=?>(?以像素為單位)" m- z: _. g5 P
  圖形四周留白<img src="URL"hspace=? vspace=?>(?以像素為單位)/ u+ e0 i, d8 n4 ~2 b2 p- k) k, y
  段落<p></p>
( |+ @1 e: _/ h: Z, x! m  斷行<br></br>
" O# X( x8 A, f9 c) Z& d  橫線<hr>6 J+ u( D# C; d7 ^
  橫線厚度<hr size=?>(?以像素為單位)
. e$ |- i" M( E. d: F& F  橫線長度<hr width=?>(?以像素為單位): _1 h- w$ @" K4 N1 m
  橫線長度<hr width=?%>(?與頁寬相比較)
2 v" W) P: w6 p$ a; F. _3 y: G  實橫線<hr noshade>(無立體效果)9 Q( a5 t; b, I' y" ^/ B
  背景圖案<body background=圖形文件名>(圖形文件格式為gif和jpg)3 Q. i7 ^* W* m0 u9 k' \
  背景顏色<body bgcolor=#rrggbb>(RGB色碼)4 I5 a( n$ G% x
  背景文字顏色<body text=#rrggbb>(RGB色碼)
$ D# `, G+ G+ z$ f  H0 r  未鏈結點顏色<body link=#rrggbb>(RGB色碼)! o; l9 T7 y: g! d0 \3 H
  已鏈結點顏色<body vlink=#rrggbb>(RGB色碼)( y! l6 v3 ]# r6 ^9 V) x2 D8 s: B
  正在鏈結點顏色<body alink=#rrggbb(RGB色碼)
回復 给力 爆菊

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

4um點基跨境網編創業社區

GMT+8, 2024-11-24 00:42

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表