DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> HTML語法效果
HTML語法效果
編輯:關於HTML     

一. 基本語句:
1. 發各種字體的字:
  黑體字  :   <font face="黑體">黑體字</font>
  宋體字  :   <font face="宋體">宋體字</font>
  仿宋字  :   <font face="仿宋_GB2312">仿宋字</font>
  楷體字  :   <font face="楷體_GB2312">楷體字</font>
  隸書字  :   <font face="隸書">隸書字</font>
  幼圓字  :   <font face="幼圓">幼圓字</font>

  倒黑體字  :   <font face="@黑體">倒黑體字</font>
  倒宋體字  :   <font face="@宋體">倒宋體字</font>
  倒仿宋字  :   <font face="@仿宋_GB2312">倒仿宋字</font>
  倒楷體字  :   <font face="@楷體_GB2312">倒楷體字</font>
  倒隸書字  :   <font face="@隸書">倒隸書字</font>
  倒幼圓字  :   <font face="@幼圓">倒幼圓字</font>
    

 



2. 發各種字號的大小字:

  (1) 發小字:
  小字   :    <small>小字</small>
  小字   :    <small><small>小字</small></small>
    

 



  (2) 發大字:
  大字    :    <big>大字</big>
  大字   :    <big><big>大字</big></big>
  大字  :    <big><big><big>大字</big></big></big>
  大字:    <big><big><big><big>大字</big></big></big></big>
    

 



  (3) 發各種字號的大小字:

  -1號字 : <h-1>負一號字</h-1> ○號字 : <h0>○號字</h0>

一號字:

<h1>一號字</h1>

二號字:

<h2>二號字</h2>

三號字:

<h3>三號字</h3>

四號字:

<h4>四號字</h4>
五號字:
<h5>五號字</h5>
六號字:
<h6>六號字</h6> 七號字: <h7>七號字</h7>  

    




  (4) 發各種字號的大小字:
  負三號字  :      <font size=-4>負四號字</font>
  負三號字  :      <font size=-3>負三號字</font>
  負三號字  :      <font size=-2>負二號字</font>
  負一號字 :      <font size=-1>負一號字</font>
  ○號字   :      <font size=0>○號字</font>
  一號字   :      <font size=1>一號字</font>
  二號字  :      <font size=2>二號字</font>
  三號字  :      <font size=3>三號字</font>
  四號字 :      <font size=4>四號字</font>
  五號字:      <font size=5>五號字</font>
  六號字:     <font size=6>六號字</font>
  七號字: <font size=7>七號字</font>
    

 



  (5) 發各種字號的大小字:
    0pt字    <font style=font:0pt>0pt字</font>
    1pt字    <font style=font:1pt>1pt字</font>
    2pt字    <font style=font:2pt>2pt字</font>
    3pt字    <font style=font:3pt>3pt字</font>
    4pt字    <font style=font:4pt>4pt字</font>
    5pt字    <font style=font:5pt>5pt字</font>
    6pt字    <font style=font:6pt>6pt字</font>
    7pt字    <font style=font:7pt>7pt字</font>
    8pt字    <font style=font:8pt>8pt字</font>
    9pt字    <font style=font:9pt>9pt字</font>
    10pt字    <font style=font:10pt>10pt字</font>
    20pt字    <font style=font:20pt>20pt字</font>
    30pt字    <font style=font:30pt>30pt字</font>
    40pt字    <font style=font:40pt>40pt字</font>
    50pt字    <font style=font:50pt>50pt字</font>
    60pt字    <font style=font:60pt>60pt字</font>
    70pt字    <font style=font:70pt>70pt字</font>
    80pt字    <font style=font:80pt>80pt字</font>
    90pt字    <font style=font:90pt>90pt字</font>
    <font style=font:100pt>100pt字</font>
    <font style=font:200pt>200pt字</font>
    <font style=font:300pt>300pt字</font>
    <font style=font:400pt>400pt字</font>
    <font style=font:500pt>500pt字</font>
    

 



3. 文字修飾:
    粗體字 :   <b>粗體字</b>
    斜體字 :   <i>斜體字</i>
    粗斜體字:   <b><i>粗斜體字</i></b>
    下劃線 :   <u>下劃線</u>
    刪除線 :   <STRIKE>刪除線</STRIKE>
    上標上標:   上標<Sup>上標</Sup>
    下標下標:   下標<Sub>下標</Sub>
    

 



4. 文字顏色:
   
  例:
  紅色字:   <font color=#ff0000>紅色字</font>
  紅色字:   <font color=red>紅色字</font>
    

 



5. 顏色:

 紅色:   [color=red]
蘭色:   [color=blue]
綠色:   [color=green]
黃色:   [color=yellow]
黑色:   [color=black]
白色:   [color=white]
 


 紅色:   [color=#ff0000]
紅色:   [color=#ff00ff]
綠色:   [color=#008000]
綠色:   [color=#ccff99]
紫色:   [color=#9900cc]
黑色:   [color=#000000]
白色:   [color=#ffffff]
 


    




    絕對黑色:   [color=#000000]
    深藍憂郁:   [color=#000088]
    草原之藍:   [color=#0000ff]
    橄榄樹綠:   [color=#008800]
    灰藍種族:   [color=#008888]
    海洋之藍:   [color=#0088ff]
    綠色回憶:   [color=#00a010]
    藍色月光:   [color=#1100ff]
    夜幕低垂:   [color=#111111]
    灰色軌跡:   [color=#333333]
    春草青青:   [color=#50b000]
    暗夜興奮:   [color=#880000]
    發亮藍紫:   [color=#8800ff]
    卡其制服:   [color=#888800]
    倫敦灰霧:   [color=#888888]
    興份過藍:   [color=#8888ff]
    紫的拘謹:   [color=#aa00cc]
    流金歲月:   [color=#aaaa00]
    卡布其諾:   [color=#ccaa00]
    正宗喜紅:   [color=#ff0000]
    愛的暗示:   [color=#ff0088]
    紅的發紫:   [color=#ff00ff]
    黃金歲月:   [color=#ff8800]
    紅袍飄飄:   [color=#ff0005]
    紫金繡帖:   [color=#ff88ff]
    焚心似火:   [color=#ee0005]
    紅粉佳人:   [color=#ee01ff]
    我不知道:   [color=#3388aa]
    

 



6. 排版:
<left>居左排版</left>

<p align="left">居左排版</p>

<div align=left>居左排版</div>


<center>居中排版</center>


<p align="center">居中排版</p>

<div align=center>居中排版</div>


<p align="right">居右排版</p>

<div align=right>居右排版</div>

    

 



7. 色帶:
  語句為:<marquee bgcolor=顏色></marquee>    顏色一.5.選擇。
  例:
  <marquee bgcolor=#ff0000></marquee>

 


    

 



8. 發移動字:
  (1) 向左移動字:
  <marquee>向左移動字</marquee>

向左移動字



  (2) 發向右移動字:
  <marquee direction=right>向右移動字</marquee>

向右移動字



  (3) 發來回移動字:
  <marquee behavior=alternate>向左來回移動字</marquee>
  <marquee direction=right behavior=alternate>向右來回移動字</marquee>

向左來回移動字


向右來回移動字



    

 



  (4) 發向上移動字:
  <marquee direction=up>      向上移動字</marquee>
  ------------------------------------------------------------------   

     向上移動字


  ------------------------------------------------------------------

    

 



  (5) 發向下移動字:
  <marquee direction=down>      向下移動字</marquee>
  ------------------------------------------------------------------   

     向下移動字


  ------------------------------------------------------------------

    

 



  (6) 發限高向上、向下移動字:
  <marquee height=50 direction=down>      限高向下移動字</marquee>
  <marquee height=50 direction=up>      限高向上移動字</marquee>
  ------------------------------------------------------------------   

     限高向下移動字


  ------------------------------------------------------------------   

     限高向上移動字


  ------------------------------------------------------------------

    

 



  (7) 發限高上下來回移動字:
  <marquee height=50 direction=down behavior=alternate>      限高上下來回移動字</marquee>
  <marquee height=50 direction=up behavior=alternate>      限高上下來回移動字</marquee>
  ------------------------------------------------------------------   

     限高上下來回移動字


  ------------------------------------------------------------------   

     限高上下來回移動字


  ------------------------------------------------------------------
    

 



  (8) 控速移動字:
  <marquee scrollamount=N>控速移動字</marquee>
      控速移動字的速度控制值N的取值: 1. N<0與N=6速度相同; 2. N≠0; N>0的任意值。

控速移動字N=-9


控速移動字N=-1


控速移動字N=1


控速移動字N=2


控速移動字N=3


控速移動字N=4


控速移動字N=5


控速移動字N=6


控速移動字N=7


8>控速移動字N=8


控速移動字N=9


    

 



  <marquee scrollamount=-9>控速移動字N=-9</marquee>
  <marquee scrollamount=-1>控速移動字N=-1</marquee>

  <marquee scrollamount=1>控速移動字N=1</marquee>
  <marquee scrollamount=2>控速移動字N=2</marquee>
  <marquee scrollamount=3>控速移動字N=3</marquee>
  <marquee scrollamount=4>控速移動字N=4</marquee>
  <marquee scrollamount=5>控速移動字N=5</marquee>
  <marquee scrollamount=6>控速移動字N=6</marquee>
  <marquee scrollamount=7>控速移動字N=7</marquee>
  <marquee scrollamount=8>控速移動字N=8</marquee>
  <marquee scrollamount=9>控速移動字N=9</marquee>

    

 



  <marquee scrollamount=10>控速移動字N=10</marquee>
  <marquee scrollamount=20>控速移動字N=20</marquee>
  <marquee scrollamount=30>控速移動字N=30</marquee>
  <marquee scrollamount=40>控速移動字N=40</marquee>
  <marquee scrollamount=50>控速移動字N=50</marquee>
  <marquee scrollamount=60>控速移動字N=60</marquee>
  <marquee scrollamount=70>控速移動字N=70</marquee>
  <marquee scrollamount=80>控速移動字N=80</marquee>
  <marquee scrollamount=90>控速移動字N=90</marquee>

  <marquee scrollamount=100>控速移動字N=100</marquee>
  <marquee scrollamount=200>控速移動字N=200</marquee>
  <marquee scrollamount=300>控速移動字N=300</marquee>

    

 



  (9) 發限高控速向上、向下移動字:
  <marquee height=50 direction=down scrollamount=1>      限高控速向下移動字</marquee>
  <marquee height=50 direction=up scrollamount=2>      限高控速向上移動字</marquee>
  ------------------------------------------------------------------   

     限高控速向下移動字


  ------------------------------------------------------------------   

     限高控速向上移動字


  ------------------------------------------------------------------

    

 



  (10) 左右跳動移動字:
  <marquee scrolldelay=時間間隔>左右跳動移動字</marquee>
  <marquee scrolldelay=500>向左跳動移動字</marquee>
  <marquee direction=right scrolldelay=500>向右跳動移動字</marquee>

向左跳動移動字向右跳動移動字



    

 



  (11) 發向上跳動移動字:
  <marquee height=100 direction=up scrolldelay=1000>    向上跳動移動字</marquee>
  <marquee height=100 direction=down scrolldelay=1000>    向下跳動移動字</marquee>
  ------------------------------------------------------------------   

    向上跳動移動字


  ------------------------------------------------------------------   

    向下跳動移動字


  ------------------------------------------------------------------

    

 



9. 發圖片:
      注意,圖片必須是網絡上的圖片。

11. 地址鏈接:
  語句:  <a href="http://地址鏈接網址......">點擊這裡</a>


12. 發按鈕和按鈕字:
  按鈕:   <button></button>      
  空白按鈕: <button> & nbsp;</button>  
  按鈕字:  <button>按鈕字</button>   

    

 



二. 各種字符圖案:

  <font face=wingdings size=4>A</font>  A     <font face=wingdings size=4>a</font>  a
  <font face=wingdings size=4>B</font>  B     <font face=wingdings size=4>b</font>  b
  <font face=wingdings size=4>C</font>  C     <font face=wingdings size=4>c</font>  c
  <font face=wingdings size=4>D</font>  D     <font face=wingdings size=4>d</font>  d
  <font face=wingdings size=4>E</font>  E     <font face=wingdings size=4>e</font>  e
  <font face=wingdings size=4>F</font>  F     <font face=wingdings size=4>f</font>  f
  <font face=wingdings size=4>G</font>  G     <font face=wingdings size=4>g</font>  g

    

 



  <font face=wingdings size=4>H</font>  H     <font face=wingdings size=4>h</font>  h
  <font face=wingdings size=4>I</font>  I     <font face=wingdings size=4>i</font>  i
  <font face=wingdings size=4>J</font>  J     <font face=wingdings size=4>j</font>  j
  <font face=wingdings size=4>K</font>  K     <font face=wingdings size=4>k</font>  k
  <font face=wingdings size=4>L</font>  L     <font face=wingdings size=4>l</font>  l
  <font face=wingdings size=4>M</font>  M     <font face=wingdings size=4>m</font>  m
  <font face=wingdings size=4>N</font>  N     <font face=wingdings size=4>n</font>  n

    

 



  <font face=wingdings size=4>O</font>  O     <font face=wingdings size=4>o</font>  o
  <font face=wingdings size=4>P</font>  P     <font face=wingdings size=4>p</font>  p
  <font face=wingdings size=4>Q</font>  Q     <font face=wingdings size=4>q</font>  q
  <font face=wingdings size=4>R</font>  R     <font face=wingdings size=4>r</font>  r
  <font face=wingdings size=4>S</font>  S     <font face=wingdings size=4>s</font>  s
  <font face=wingdings size=4>T</font>  T     <font face=wingdings size=4>t</font>  t

    

 



  <font face=wingdings size=4>U</font>  U     <font face=wingdings size=4>u</font>  u
  <font face=wingdings size=4>V</font>  V     <font face=wingdings size=4>v</font>  v
  <font face=wingdings size=4>W</font>  W     <font face=wingdings size=4>w</font>  w
  <font face=wingdings size=4>X</font>  X     <font face=wingdings size=4>x</font>  x
  <font face=wingdings size=4>Y</font>  Y     <font face=wingdings size=4>y</font>  y
  <font face=wingdings size=4>Z</font>  Z     <font face=wingdings size=4>z</font>  z

  <font face=wingdings size=4>0123456789</font>   0123456789

    

 



  <font face=wingdings size=4>任意文字字母,變成特殊字符。</font>
  任意文字字母,變成特殊字符。

  <font color ="#FF0000" size ="7" face ="Webdings">ABCDEFGHIJKLM</font>
  <font color ="#FF0000" size ="7" face ="Webdings">NOPQRSTUVWXYZ</font>
  <font color ="#FF0000" size ="7" face ="Webdings">abcdefghijklm</font>
  <font color ="#FF0000" size ="7" face ="Webdings">nppqrstuvwxyz</font>

  <font color ="#FF0000" size ="7" face ="Webdings">0123456789</font>

    

 



  ABCDEFGHIJKLM
  NOPQRSTUVWXYZ
  abcdefghijklm
  nppqrstuvwxyz

  0123456789

    

 



三. 混合語句:

1. 一步一步往上跳:
  <marquee height=100 direction=up scrollamount=20 scrolldelay=1000 top=100><font color=#0000FF face=Arial, Helvetica, sans-serif>      一步一步往上跳</font></marquee>
  ------------------------------------------------------------------

     一步一步往上跳


  ------------------------------------------------------------------

    

 



2. 發色帶移動字:
  <marquee bgcolor=#ccff99>色帶移動字</marquee>

色帶移動字



3. 發移動倒黑體字:
  <marquee><font size=4 face="@黑體">移動倒黑體字</font></marquee>   

移動倒黑體字



    

 



4. 發按鈕倒黑體字:
  <button><font size=4 face="@黑體">按鈕倒黑體字</font></button>   

5. 發移動按鈕倒黑體字:
  <marquee><button><font size=3 face="@黑體">移動按鈕倒黑體字</font></button></marquee>   



    

 



6. 發點按鈕彈出文字:
  <input type="button" value="點按鈕" OnClick="alert('彈出文字')">     
  <input type="button" value="你的快樂:" OnClick="alert('就是我的快樂呀!')">     

  下面一句點完按鈕,再在其他地方點一下。
  <input type="button" value="你的快樂:" Onblur="alert('就是我的快樂呀!')">   

  <input type="button" value="請點這裡" Onblur="alert('你點中我了!')">   

    

 



7. 發雙重字:
  <input type="text" value="祝你快樂!" Onblur="alert(t1.value)" name="t1"><font face=wingdings size=4>J</font>
     J
  <input type="text" value="你的快樂:" Onblur="alert('就是我的快樂呀!')"><font face=wingdings size=4>J</font>
     J

    

 



8. 發組合移動字:

    (1) 發左右擺動字:
    1):
[<marquee width=40 behavior=alternate>還~</marquee>][<marquee width=40 behavior=alternate>好~</marquee>][<marquee width=40 behavior=alternate>麼~</marquee>]</font>
    [

還~

] [

好~

] [

麼~

]

    

 



    2):
     轉<marquee width=7% behavior=alternate>泡</marquee>轉<marquee width=7% behavior=alternate>點</marquee>看<marquee width=7% behavior=alternate>不</marquee>看<marquee width=7% behavior=alternate>聊</marquee> <marquee behavior=alternate><u>嘻嘻~~</u></marquee>
    轉

嘻嘻~~



    

 



    (2) 左向異速字:
<marquee scrollamount=1>你好。</marquee><marquee scrollamount=2>你好。</marquee><marquee scrollamount=3>你好。</marquee><marquee scrollamount=4>你好。</marquee><marquee scrollamount=5>你好。</marquee>

你好。

你好。

你好。

你好。

你好。



    

 



    (3) 中間異速字:
    1) <center>------------------------------------------------------------------<BR>[<marquee width="15%" behavior=alternate scrollamount=1>你好。</marquee>]<BR>[<marquee width="33%" behavior=alternate scrollamount=2>你好。</marquee>]<BR>[<marquee width="42%" behavior=alternate scrollamount=3>你好。</marquee>]<BR>[<marquee width="51%" behavior=alternate scrollamount=4>你好。</marquee>]<BR>[<marquee width="60%" behavior=alternate scrollamount=5>你好。</marquee>]<BR> ------------------------------------------------------------------<BR></center>

------------------------------------------------------------------
[ 你好。]
[ 你好。]
[ 你好。]
[ 你好。]
[ 你好。]
------------------------------------------------------------------


    

 



    2) <center>[<marquee width="33%" behavior=alternate scrollamount=2>你好。</marquee>]<BR>[<marquee width="42%" behavior=alternate scrollamount=3>你好。</marquee>]<BR>[<marquee width="51%" behavior=alternate scrollamount=4>你好。</marquee>]<BR></center>

[ 你好。]
[ 你好。]
[ 你好。]


    

 



    (4) 左輪轉字:
    轉<marquee width=5%>泡</marquee>轉<marquee width=5%>點</marquee>看<marquee width=5%>不</marquee>看<marquee width=5%>聊</marquee><marquee><u>嘻嘻~~</u></marquee>
    轉

嘻嘻~~



    

 



    (5) 上下左右游動粗體黑字:
    <marquee height=50 behavior=alternate direction=up><marquee behavior=alternate><b><font color=BLACK>上下左右游動粗體黑字</font></b></marquee></marquee>

上下左右游動粗體黑字


    

 



    (6) 左右易位:
    <marquee direction=right>哇</marquee><center>嘿 嘿</center><marquee>哦</marquee></font>

嘿 嘿



    

 



    (7) 向左跳動:
    <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

啦啦啦,我走一步,停一停!



    (8) 向左跑動:
    <marquee scrollamount=20>啦啦啦,我走得好快喲!</marquee>

啦啦啦,我走得好快喲!

9) 來回走動:
    <marquee behavior=alternate>啦啦啦,我來回走耶!</marquee>

啦啦啦,我來回走耶!



    (10) 向左走動:
    <marquee behavior=scroll>啦啦啦,我一圈一圈繞著走!</marquee>

啦啦啦,我一圈一圈繞著走!


    (11) 中間出三次走動:
    <marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟喲!</marquee>
 (12) 向上浮動:
    <marquee direction="up" style="position:absolute;height:100%">             呵呵!</marquee>


    (13) 向下浮動:
    <marquee direction="down" style="position:absolute;height:100%">         希望你成為這裡的老朋友!</marquee>


9. 方框游動字:
    (1) <p align="center"><table border="1" width="50%"><tr><td width="100%"><marquee behavior="alternate"><font color="#FF0000" size="6" face="幼圓">方框游動字</font></marquee></td></tr></table></p>

方框游動字

    

 



    (2) <p align="center"><table border="2" width="20%"><tr><td width="100%"><marquee behavior="alternate"><font color="#FF0000" size="6" face="隸書">泡.點.</font></marquee></td></tr></table></p>

泡.點.

    

 



    (3) <p align="center"><table border="3" width="50%"><tr><td width="80%"><marquee behavior="alternate"><font color="#FF0000" size="4" face="宋體">弟姐妹們,我要先閃了!嘿嘿! </font></marquee></td></tr></table></p>

弟姐妹們,我要先閃了!嘿嘿!

    

 



    (4) <marquee height=150 behavior=alternate direction=up><marquee behavior=alternate><table border=2 width="120"><tr><th><em><font color=#FF0000 size=6 face=隸書 >泡.點.</font></em></th></tr></table></marquee></marquee>

泡.點.



    

 



10. 文字圖片組合:
    (1) 游動文字圖片:
    <marquee behavior=alternate><table cellspacing=5 border=5 bordercolorlight=red bordercolordark=blue><tr><th bgcolor=yellow><em><font color=red>大家覺得怎麼樣啊?????????????????????????????????????!<img src=http://img.sj33.cn/uploads/allimg/200712/20071224002837246.jpg></font></em></th> </tr></table></marquee>
    
    

 



    (2) 發 先上下左右游動10次、後左右擺動粗體字及圖片
    <marquee height=140 behavior=alternate loop=10 direction=up><marquee behavior=alternate><b><font color=BLACK>搖呀搖,搖到外婆橋!<img src=/upimg/allimg/070225/1421382.gif></font> </b></marquee></marquee>

搖呀搖,搖到外婆橋!


    

 



    (3) 發上下左右游動圖片
    <marquee height=80 behavior=alternate direction=up><marquee behavior=alternate><img src="/upimg/allimg/070225/1421385.gif"></marquee></marquee>


    

 



    (4) 向左移動圖片文字:
    <marquee><img src=/upimg/allimg/070225/1421385.gif><font size=5>呵呵!我看還是搖鈴吧!!!</font></marquee>

呵呵!我看還是搖鈴吧!!!
    

 



11. 發居中漸大文字:
    <center><font color=#ff0000> <h6>愛你</h6> <h5>好愛你</h5> <h4>我好愛你</h4> <h3>我真的好愛你</h3> <h2>好好好啊愛護愛你</h2> <h1>愛你</h1></font></center>

愛你
好愛你

我好愛你

我真的好愛你

好好好啊愛護愛你

愛你

    

 



12. 發漸大五星:
    <font color ="#FCAB14" size ="1">★</font><font color ="#FF0000" size ="2">★</font><font color ="#FF0088" size ="3">★</font><font color ="#FF00FF" size ="4">★</font><font color ="#FF8800" size ="5">★</font><font color ="#FF8080" size ="6">★</font><font color ="#FF88FF" size ="7">★</font>
    

    
    

 




14. 聊天室發公告、警告:

    下列公告、警告的發布應具有隱蔽性,發布時要注意調整好“你好”後面的時間:


    (1) 你好。<font size=-3>(03:18:02)</font><br><font size=+1 color=ff0000>←心香一瓣聊天室→公告:<font color=0000ff>大家開心地聊吧。</font></font>
    你好。(03:18:02)
    ←心香一瓣聊天室→公告:大家開心地聊吧。

    

 



    (2) 你好。<font size=-3>(03:18:02)</font><br><font size=+1 color=ff0000>心香一瓣聊天室公告:<font color=0000ff>文明聊天。</font></font>
    你好。(03:18:02)
    心香一瓣聊天室公告:文明聊天。

    

 



    (3) 你好。<font size=-3>(03:18:02)</font><br><font size=+1 color=ff0000>←心香一瓣聊天室→公告:<font color=0000ff>我要泡工作了,不聊了。</font></font>
    你好。(03:18:02)
    ←心香一瓣聊天室→公告:我要泡工作了,不聊了。

    

 

    (4) 你好。<font size=-3>(03:18:02)</font><br><font size=+1 color=ff0000>心香一瓣聊天室警告:<font color=0000ff>警告!</font></font>
    你好。(03:18:02)
    心香一瓣聊天室警告:警告!

    

 



    (5) 你好。<font size=-3>(03:18:02)</font><br><font size=+1 color=ff0000>心香一瓣聊天室警告:<font color=0000ff>文明聊天,不准刷屏。</font></font>
    你好。(03:18:02)
    心香一瓣聊天室警告:文明聊天,不准刷屏。

    

 



    (6) 你好。<font size=-3>(03:18:02)</font><br><font size=+1 color=ff0000>←心香一瓣聊天室→警告:<font color=0000ff>某精靈不要鬧。</font></font>
    你好。(03:18:02)
    ←心香一瓣聊天室→警告:某精靈不要鬧。

    

 



    (7) 你好。<font size=-3>(03:18:02)</font><br><font size=+1 color=007700>←心香一瓣聊天室→公告:<font color=0000ff>某精靈</font>因違反本室規定,被<font color=0000ff>天使</font>踢出聊天室了~</font>
    你好。(03:18:02)
    ←心香一瓣聊天室→公告:某精靈因違反本室規定,被天使踢出聊天室了~

    

 



    (8) 走了?<font size=-3>(14:18:30)</font><br>為了室容整潔,<b><font color=0000ff><u>walker</u></font></b>輕輕地清空了聊天室的畫面。。。。。。 <>

    走了?(14:18:30)
    為了室容整潔,walker輕輕地清空了聊天室的畫面。。。。。。<>

    (9) 你好。<font size=-3>(14:18:30)</font><br>為了室容整潔,<b><font color=0000ff><u></u></font></b>輕輕的擦了一下聊天室的天空.......... <>

    你好。(14:18:30)
    為了室容整潔,walker輕輕的擦了一下聊天室的天空..........<>

    

 



15. 文字色帶組合:

    (1) 文字、色帶雙游動:
    <marquee><marquee bgcolor=green><font size=5 color=white>文字、色帶雙游動</font></marquee></marquee>
    

文字、色帶雙游動



    

 



    (2) 發左定位色帶移動字:
     1) 左定位20色帶移動字:
    <marquee hspace=20 width=600 bgcolor=ffaaaa>左定位20色帶移動字</marquee>

左定位20色帶移動字



     2) 左定位40色帶移動字:
    <marquee hspace=40 width=600 bgcolor=ffaaaa>左定位40色帶移動字</marquee>

左定位40色帶移動字



     3) 左定位80色帶移動字:
    <marquee hspace=80 width=600 bgcolor=ffaaaa>左定位80色帶移動字</marquee>

左定位80色帶移動字



     4) 左定位160色帶移動字:
    <marquee hspace=160 width=600 bgcolor=ffaaaa>左定位160色帶移動字</marquee>

左定位160色帶移動字



    

 



    (3) 發定寬度色帶移動字:
     1) 定寬度100色帶移動字:
    <marquee width=100 bgcolor=ffaaaa>定寬度100色帶移動字</marquee>

定寬度100色帶移動字



     2) 定寬度200色帶移動字:
    <marquee width=200 bgcolor=ffaaaa>定寬度200色帶移動字</marquee>

定寬度200色帶移動字



     3) 定寬度400色帶移動字:
    <marquee width=400 bgcolor=ffaaaa>定寬度400色帶移動字</marquee>

定寬度400色帶移動字



    

 



    (4) 發相對寬度色帶移動字:
     1) 相對寬度25%色帶移動字:
    <marquee width=25% bgcolor=ffaaaa>相對寬度25%色帶移動字</marquee>

相對寬度25%色帶移動字



     2) 相對寬度50%色帶移動字:
    <marquee width=50% bgcolor=ffaaaa>相對寬度50%色帶移動字</marquee>

相對寬度50%色帶移動字



     3) 相對寬度75%色帶移動字:
    <marquee width=75% bgcolor=ffaaaa>相對寬度75%色帶移動字</marquee>

相對寬度75%色帶移動字



    

 



    (5) 發定行距色帶移動字:

     1) 定行距10色帶移動字:
    <marquee vspace=10 bgcolor=ffaaaa>定行距10色帶移動字</marquee>
    ------------------------------------------------------------------

定行距10色帶移動字


    ------------------------------------------------------------------

     2) 定行距20色帶移動字:
    <marquee vspace=20 bgcolor=ffaaaa>定行距20色帶移動字</marquee>
    ------------------------------------------------------------------

定行距20色帶移動字


    ------------------------------------------------------------------

     3) 定行距40色帶移動字:
    <marquee vspace=40 bgcolor=ffaaaa>定行距40色帶移動字</marquee>
    ------------------------------------------------------------------

定行距40色帶移動字


    ------------------------------------------------------------------

    




    (6) 組合:
     1) <font size=7 face="幼圓">你的快樂:</font><marquee hspace=20 vspace=40 width=200 bgcolor=ffaaaa align=middle>就是我的快樂呀!</marquee>
    你的快樂:

就是我的快樂呀!



    




     2) <marquee scrollamount=10 bgcolor=black width=150 bEhavior=alTernate><font face=WINGDINGS color=white>aa</font></marquee><font size=5 color=red face=@宋體>大家好啊!</font>

aa

大家好啊!

    




17 自動跳轉其他網頁:

    (1) 自動跳轉到“網絡時空”:
    <meta http-equiv=refresh content=500;url=http://www.592ta.com><div align=center><font color=#ff0000><font style=font:30pt face="楷體_GB2312">網頁設計中心</font><font style=font:10pt face="宋體">――找尋生活的陽光色彩</font></font></div>

(2) 自動跳轉到“中央電視台”:
    <meta http-equiv=refresh content=500;url=http://www.cctv.com/><div align=center><img src=/upimg/allimg/070225/1421387.gif alt=看新聞啦! border=0><br><b><font size=5 color=#3366CC>中央電視台!</font></b></div>

看新聞啦!
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved