TShopping

 找回密碼
 註冊
搜索
查看: 2017|回復: 2

[分享] 常用HTML代碼匯編

[複製鏈接]
發表於 2008-12-31 12:28:18 | 顯示全部樓層 |閱讀模式
 
Push to Facebook
一、文字
1.標題文字   <h#>…………</h#> #=1~6;h1為最大字,h6為最小字* `5 X+ _; G% o4 x
" R3 p8 X5 y: _6 d& I
2.字體變化   <font>…………</font>
【1】字體大小   <font size=#>………</font> #=1~7;數字愈大字也愈大 6 h% \! v- q# ?
【2】指定字型   <font face="字體名稱">…………</font> $ \- p2 q& e0 c# W* v' _! v+ G
【3】文字顏色   <font color=#rrggbb>……………</font>
                                     rr:表紅色(red)色碼0 N3 B# |8 t# d6 c
                                    gg:表綠色(green)色碼% f4 B) K2 A! D6 x, ?! c0 ?
                                    bb:表藍色(blue)色碼
                                    rrggbb也可用6位顏色代碼數字% r" g: G- O! q& L4 i/ x. Q

3.顯示小字體      <small>…………</small>
! R  z4 o. p) r( L) N
4.顯示大字體      <big>…………</big>
' r9 Y/ v  L- R& }
5.粗體字              <b>…………</b>

6.斜體字              <i>…………</i>
4 ^! v6 J2 [- T1 V3 F% d9 ~8 c
7.打字機字體        <tt>…………</tt>

8.底線                  <u>…………</u>
& s6 F3 L# I% [& L/ p( f/ y5 `
9.刪除線                 <strike>…………</strike>4 L2 ~1 t/ P5 ^
% _# }1 g2 g4 H
10.下標字               <sub>…………</sub>; p4 V6 m& r6 @6 a" l% M
+ T8 v) k2 x6 C# X! r! \. S
11.上標字                <sup>…………</sup>& L" ?  e) y2 L- T
3 `( |) o/ r' L) D" q
12.文字閃爍效果    <blink>…………</blink>  S' N$ j. d$ x, W

13.換行(也稱回車)  <br>7 D6 {2 Y$ |. ^  B$ @

14.分段                   <p> ' k7 N- i7 o7 R* H
( k# v7 i# {, T: u, O3 d
15.文字的對齊方向 $ G) r; Z3 X8 z
     <p align="#"> " a; s# g) o- i; A7 B* O
                   #號可為 left:表向左對齊(預設值)
                             center:表向中對齊 $ {. A/ Q2 H2 \
                                right:表向右對齊
                  P.S.<p align="#">之后的文字都會以所設的對齊方式顯示,) D, X8 w9 P7 y( i0 n: V* |) n
                   直到出現另一個<p align="#">改變其對齊方向,
                   遇到<hr>或<h#>標簽時會自動設回預設的向左對齊。: f$ ~  X$ R* W3 _

16.分隔線                  <hr> 9 z. q' n1 t0 V' V. m6 O
【1】分隔線的粗細         <hr size=點數>
【2】分隔線的寬度         <hr size=點數或百分比> 2 I' c1 H' O/ f) K+ u
【3】分隔線對齊方向     <hr align="#"> 4 R6 S  X8 S: @+ t- u9 |- z
                                          #號可為 left:表向左對齊(預設值) / }6 M1 ]  u5 d- `' o" |6 [
                                                    center:表向中對齊 8 ~4 C! @- p, K! B, b6 p2 n9 {+ @0 w
                                                       right:表向右對齊 2 ?4 |! m# g5 S! m3 A" u
【4】分隔線的顏色          <hr color=#rrggbb>
【5】實心分隔線              <hr noshade>
; d. a9 g) Z( O+ v( |; D
17.居中對齊               <center>…………</center>
' Z% C4 A) e4 h  J- c) M- A3 X
18.依原始樣式顯示     <pre>……………</pre>  X7 t" t* @( d) [. Y+ N- W

19.<body>指令的屬性9 d) ^; W( X) T4 |7 [' h( u
【1】背景顏色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景圖案 -- background <body background="圖形文件名"> - ^6 w  k/ S$ q; z; R8 s  S- l9 g# x
【3】設定背景圖案不會卷動 -- bgproperties <body bgproperties=fixed>
【4】文件內容文字的顏色 -- text <body text=#rrggbb>
【5】超連結文字顏色 -- link <body link=#rrggbb>   Y( ]* R: C, e7 t  j% C/ q% ^
【6】正被選取的超連結文字顏色 -- vlink <body vlink=#rrggbb>
【7】已連結過的超連結文字顏色 -- alink <body alink=#rrggbb>  A/ b7 H# ~  Y* p" m

20.文字移動指令    <MARQUEE>..........</MARQUEE>. d5 y' h: y2 @
             移動速度指令是:scrollAmount=#   #最小為1,
                     速度為最慢;數字越大移動的越快。# g3 S( f, r3 m& D% y% k
             移動方向指令是﹛砥秘

 

臉書網友討論
發表於 2013-11-13 01:09:28 | 顯示全部樓層
太棒了!  

版主招募中

*滑块验证:
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2024-3-29 20:13 , Processed in 0.053518 second(s), 20 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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