<html> </html>   標志著html文件的開始與結束

<head> </head>  頭部標志符

<title> </title>  網頁的標題

<boby> </boby> 構成web的主體

1. background   定義網頁的背景圖案

2. bgcolor   背景色（默認 白）

3. text   文字顏色（默認 黑）

4. link   超鏈接顏色（默認 藍）

5. alink  當前被選中的超鏈接顏色（默認 紅）

6. vlink  已被訪問過的超鏈接顏色（默認 紫）

<font> </font>  標志符可以控制字符的樣式

1. face 設置文字的字體效果

2. color  設置文字顏色

3. size  設置字體大小

<b></b>   粗體             <strike></strike>  刪除線

<big></big>  大字體   <sub></sub>  下標

<i></i>  斜體                 <sup></sup>  上標

<s></s>  刪除線           <u></u>  下劃線

<small></small>  小字體

<hn></hn>  設置文件中的標題       nj   1~6的數字

<p></p>  (paragraph)劃分段落

<pre></pre>  預格式化標志符

<hr>   換行并繪制一條水平線（沒有結束標志符）

1. width   水平線長度

2. size   水平線粗細

3. noshade   無陰影

4. align   水平線的對齊方式（left   center   right)

5. color   水平線顏色

<br>   強制換行(沒有結束標志符)

<ol>

<li>......</li>

<li>......</li>

.......

</ol>  設置有序列表   li可是1.2.3....或a.b.c....或A.B.C...或i.ii.iii.....或I.II.III....

(兩個屬性:type  start)

<ul>

<li>......</li>

<li>......</li>

......

</ul>   無序列表 (一個屬性:type   disc實心圓 circle空心圓 square方框)

<a></a>  實現超鏈接

1. href   定義超鏈接所指向的文檔的URL

2. target   目標窗口

3. name   錨名稱 （該屬性一般在創建頁面內超鏈接時使用)

<a href="/URL"> </a>  使用a標志符創建超鏈接時，可以使用相對路徑（同一網站內的文件），也可以使用絕對路徑（指向本站點以外的文件)

<a > </a>

.....

<a href="#錨點名稱"> </a>   創建網面內超鏈接邏輯上分為兩步，首先定義錨點，然后再創建指向錨點的超鏈接

<a href="mailto:電子郵箱地址"> </a>  指向電子郵箱的超鏈接

<img>  插入圖像

1. src   設置被引用的圖像文件所在的位置

2. alt   設置圖像的簡單文字說明

3. width,  height    設置圖像的寬度與高度

4. align   對齊方式(left,right,top,bottom,middle)

5. border   邊框寬度

6.hspace ,vspace   定義了圖像與周圍元素的水平和垂直間距

<map >

<area>

<area>

......

</map>

<img src="/"usemap="#圖像映射名稱"> <map></map>   定義了圖像映射的區域

                img通過usemap可以確定與所建立的圖像映射區域的關系

                area定義圖像不同區域與不同文檔之間建立鏈接

    1. shape   形狀(rect矩形 circle圓 poly多邊形)

     2. coords   坐標

     3. target   目標窗口

     4. alt   替換文字

<table>

<caption> </caption>

<tr>

<th> </th><th> </th>......

</tr>

<tr>

<td> </td><td> </td>......

</tr>

<tr>

<td> </td><td> </td>

</tr>

......

</table>   table標記符定義表格 caption定義表格標題 tr標記符定義表格的行   th,td標志符定義表格的單元格 th定義表頭單元格

table  可以創建一個新的表格

1. width (寬), height (高)

2. border (邊框)

3. bgcolor (背景顏色)

4. align (對齊方式left right center)

5. cellpadding (填充距)

6. cellspacing (單元格間距)

7. rules  (分隔線   none無分隔線 groups在行列之間有   rows只有行分隔線   cols只有列 all所有)

8. frame  (邊框 void無邊框 above只顯示頂部邊框 below只顯示底部邊框 hsides只顯示頂，底部邊框   vsides只顯示左右邊框 lhs顯示左邊框 rhs顯示右 box顯示所有)

<tr> </tr>表行

1. align   對齊方式(left center right)

2. valign   垂直對齊方式 (top middle bottom baseline)

3. bgcolor   背景顏色

<td></td>  表格數據

1. width  (寬), height  (高)

2. align  (對齊方式 left right center)

3. valign    (top middle bottom)

4. bgcolor   背景顏色

5. rowspan   單元表的行數

6. colspan   單元表的列數

<frameset>

<frame>

<frame>

......

<frame>

</frameset>   frameset是將窗口分割成若干個子窗口，子窗口數取決于frame的個數

<frame>   標記符來標識子窗口(無結果符)

1. name

2. src  (源) 設置框架內容的URL

3. frameborder  (框架邊框)

4. marginwidth   (框架的左右邊距)

5. marginheight  (框架的上下邊距)

6. scrolling  (是否顯示滾動條 auto自動 yes顯示   no不顯示)

7. noresize  (不允許調整框架的尺寸)

<a herf="目標文件"target="目標框架名">超鏈接內容</a>

1. _top   表示將超鏈接的目標文件裝入整個瀏覽器窗口

2. _self   表示將超鏈接的目標文件裝入當前框架，以取代該框架中正在顯示的文件

3. _blank   表示將超鏈接的目標文件裝入一個新的瀏覽窗口

4. _parent   表示將超鏈接的目標文件裝入當前框架的父框架

<iframe></iframe>  定義了一個頁面內的框架

1. src  (源) 設置框架內容的URL

2. name

3. width,height

4. align   (top middle bottom)

5. frameborder  (框架邊框)

6. marginwidth  (框架左右邊框),  marginheight  (框架上下邊框)

7. scrolling  (是否顯示滾動條 auto yes no)

<form></form>  表單

1. method  (方法) 定義表單的提交方式

2. action  (動作) 指定表單所對應的處理程序

<input>   定義了一個用于用戶輸入的表單元素(無結束標記符)

1. name  標識表單元素

2. type  指定表單元素的類型(text文本 password密碼 checkbox復選框 radio單選框 submit提交按鈕 reset重置按鈕)

<input type="text">  將type指定為text,在瀏覽器中顯示一個文本輸入框，供用戶輸入信息

1. value   (初始值)

2. size   (尺寸)

3. maxlength  (輸入文本的最大字符數)

<input type="password">  密碼文本框

例:<form>

密碼:<input type="password"size="10"maxlength="15">

</form>

<input type="checkbox">復選框

例:<from>

<p>你的愛好:</P>

<input type="checkbox"value="music"checked>音樂

<input type="checkbox"value="sports">體育

<input type="checkbox"value="other">其它

</form>

<input type="radio">單選框

例:<form>

<p>公司的人數:</p>

<p><input type="radio">少于10人</p>

<p><input type="radio"checked>10人至100人</p>

<p><input type="radio">100人以上</p>

</form>

<input type="submit">提交按鈕

<form>

<input type="submit"value="提交">

</form>

<input type="reset">重置按鈕

<input type="image">圖像提交按鈕

<input type="file">

<input type="buttom">

<input type="hidden">

<textarea> </textarea>  定義一個用于用戶多行輸入的表單元素

1. name   指定文本域的名稱

2. rows   指定文本域的高度

3. cols   指定文本域的寬度

<select>

<option></option>

<option></option>

......

<option></option>

</select>   定義了一個選項列表表單元素

1. name   指定選取項列表的名稱

2. size   指定列表選項顯示時一次顯示選項的數目

3. multiple  使用該屬性可以允許多重選擇

4. value   指定當該選項被選中并提交后，瀏覽器傳給服務器的數據

5. selected   指定哪一個選項在默認狀態下是選中狀態

<label></label>  選中該控件

<marquee></marquee>  創建一些滾動字幕

1.direction  (方向 left right up down)

2.behavior  (行為   scroll繞圈滾動 slide只滾一次 alternate來回滾動)

3.loop   (循環)

4.scrollamount  (滾動的速度)

5.scrolldelay  (滾動延時)

6.align  (對齊方式 top middle bottom)

7.bgcolor

8.height,width

9.hspace,vspace  (垂直和水平間距)

<applet>

<param>

<param>

......

</applet>   applet用來在網頁中插入一個Java小應用程序對象

1. code  (源代碼) 指定Java小應用程序的源代碼文件(.class文件)

2. name

3. width,height

4. align

param  用來定義Java小應用程序中的參數

1.name

2.value  (值)給變量賦值

3.valuetype  (值類型 data表示value指定的值將作為一個字符串傳遞的對象

        ref  表示value指定的值是一個URL

        object  表示value指定的值是一個指向同一文檔中一個object的標志符)

4. type  (類型)當valuetype屬性的值設置為ref時，此屬性指定了URL所代表資源的內容類型

<object>

<param>

<param>

......

</object>   object可以定義很多種不同的多媒體文件

1. classid: 該屬性指定了瀏覽器中用來播放相應多媒體對象的控件ID

2.codebase :定義多媒體文件相對位置的根目錄

3.codetype:  指定當下載由classid所指定的對象時使用的數據內容的類型

4.data:  定義多媒體文件的位置

5.type:定義多媒體文件的類型

6.width,height

selector{property1:value1;property2:value2......}  selector 表示需要應用式樣的對象

                    property  表示由css標準定義的樣式屬性

                    value  表示樣式賂性的值

例:h2{text-align:center;font-family:楷體_gb2312}

selector.classname{property1:value1;......} 標記符類

.classname{property:value;......} 通用類

#IDname{property:value;......}用戶定義ID

虛類

a:link或:link 當超鏈接末被訪問過時，超鏈接的顯示方式

a:visited或:visited 當超鏈接已經被訪問過時，超鏈接的顯示方式

a:active或:active當超鏈接當前為選中姿態時，超鏈接的顯示方式

a:hover或:hover 當鼠標指針懸停在超鏈接上時，超鏈接的顯示方式

例:   a:link{color:blue}

長度單位

1.em:它所代表的長度是當前字體中m字母的寬度

2.ex:它所代表的長度是當前字體中x字母的高度

3.px:像素，它是相對于計算機屏幕的分辨率來定義的

in:英寸，1in=2.54cm 1cm=10mm

pt:點,1點=1/72in   pc:帕 1帕=12點

font-family(字體族)

font-family:字體名稱 | 字體族名稱

例：   p{font-family:黑體，宋體，serif}

font-style(字體風格)

font-style:字體風格名稱

例:   p{font-style:oblique}

font-size (字體大小)

font-size:絕對大小 | 相對大小 | 百分比

font-variant(字體變形)

font-varient:字體變形值

1.normal(普通)

2.small-caps(小型大寫字母)

font-weight(字體加粗)

font-weight:字體加粗值

1.normal(普通)

2.bold(加粗)

3.bolder(更粗)

4.lighter(更細)

letter-spacing(字符間距)

letter-spacing:數值

text-decoration(文字修飾)

text-decoration:文字修飾效果

1.none 無

2.underline 下劃線

3.overline 上劃線

4.line-through 刪除線

5.bink 閃爍

text-transform(文本轉換)

text-transform:文本轉換方式

1.none 無

2.capitalize 使所有單詞的第一個字母大寫

3.uppercase 使所有單詞字母都大寫

4.lowercase 使所有單詞字母都小寫

text-align(文本對齊方式)

text-align:對齊方式

1.left

2.right

3.justify 可調整

text-indent(文本縮放)

text-indent:縮放的數值

line-height(行高)

line-height:數值

margin(頁邊距)

margin:數值

padding(填充距)

padding:數值

例： table{padding:2cm 3cm 5cm}上填充距2cm,左右填充距為3cm,下填充距5cm

border-style(邊框樣式)

border-style:邊框樣式

1.none

2.dotted 點線

3.dashed 虛線

4.solid 實線

5.double

6.groove 凹線

7.ridge 凸線

8.inset 內陷

9.outset 外凸

border-color(邊框顏色)

border-color: 顏色值

border-width(邊框寬度)

border-width:數值

1.thin 細

2.medium 中

3.thick 寬

border(邊框)

border:邊框樣式|邊框寬度|邊框顏色

常用的HTML代碼

 

一、文字標記

基本代碼如下：

<P align=center><FONT color=#0066ff face=隸書 size=5>插入文字</FONT></P>

align=center　表示字體居中，可選值為居右（right）居左（left）

color=顏色代碼

face=字體　常用字體為：宋體.黑體.楷體.仿宋.幻緣.新宋體.細明體等

size=字體大小，這里的最大值為7　取值越大文字就越大

1.字體變化 <font>..........</font>

a.字體大小 <font size=#>..........</font> #=1~7；數字愈大字也愈大

b.指定字型 <font face="字體名稱">..........</font>

c.文字顏色 <font color=#rrggbb>..........</font>

              rr：表紅色（red）色碼

              gg：表綠色（green）色碼

              bb：表藍色（blue）色碼

              rrggbb也可用6位顏色代碼數字

2.粗體字 <b>..........</b>

3 字體加粗<STRONG>..........</STRONG>和<b>標簽差不多的效果

4.換行（也稱回車） <br>

5.分段標記 <p>

   文字的對齊方向 <p align="#"> #號可為 left：表向左對齊（預設值） center：表向中對齊 right：表向右對齊 P.S.<p align="#">之后的文字都會以所設的對齊方式顯示，直到出現另一個<p align="#">改變其對齊方向，遇到<hr>或<h#>標簽時會自動設回預設的向左對齊。

6.區隔標記 <DIV>

<DIV>稱為區隔標記。作用：設定字、畫、表格等的擺放位置。

<DIV>應用于 Style Sheet（式樣表）方面會更顯威力，它最終目的是給設計者另一種組織 能力，有 Class ; Style ; title ; ID 等屬性。。

以 <DIV align="center"> 為例：

align="center"

可選值：center ; left ; right 。決定字、畫、表格等居中、靠左或靠右。

<DIV align="center"> 的作用和居中標記 <CENTER>一樣。。

注：其實常用跟<p>標簽的效果差不多，但是功能比<p>相對強一些。。。

7.分隔線 <hr>

a.分隔線的粗細 <hr size=點數>

b.分隔線的寬度 <hr size=點數或百分比>

c.分隔線對齊方向 <hr align="#">

     #號可為 left：表向左對齊（預設值） center：表向中對齊 right：表向右對齊

d.分隔線的顏色 <hr color=#rrggbb>

e.實心分隔線 <hr noshade>

8.居中對齊 <center>..........</center> 跟<p align="center">........</p>,<DIV align="center">........<DIV>效果基本是一樣的。。。

9.文字移動標記<MARQUEE>..........</MARQUEE>

     <marquee 屬性＝屬性值> 滾動內容 </marquee>

     移動速度指令是:scrollAmount=#    #最小為1，速度為最慢；數字越大移動的越快。

     字符移動每步的延時:scrolldelay=#    屬性值為數字， #最小為1， 數值越大速度越大，反之亦然。

     移動方向指令是：direction=#          up向上、down向下、left向左、right向右。

     屬性值為scroll：文字單向移動，side：移動到邊界停止，alternate：到邊界后反向移動；

     align，對齊方式，其屬性值為center，left，right，top, middle, bottom，分別表示居中，左對齊，     右對齊，對齊上沿、中間、下沿；

     bgcolor，移動字符的背景色，屬性值為顏色代碼，可以是rrggbb 16 進制數碼，r=red，g=green，     b=blue，也就是色彩中的三原色，也可是預定義色彩；

     loop，移動字符的循環次數，屬性值為數字，若未指定則循環不止(infinite)；

     width及height，文字高度和寬度，以象素為單位，屬性值為數字；

     hspace字符左右留白長度，屬性值為數字；

     vspace字符上下留白長度，屬性值為數字；

scrollamount字符的移動速度，屬性值為數字，數值越大速度越大，反之亦然；

     常用指令舉例：<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>

a.<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=center>啦啦啦，我會移動耶！</marquee>

b.<marquee direction=left>啦啦啦，我從右向左移！</marquee>

啦啦啦，我從右向左移！

c.<marquee behavior=scroll>啦啦啦，我一圈一圈繞著走！</marquee>

啦啦啦，我一圈一圈繞著走！

d.<marquee behavior=alternate>啦啦啦，我來回走耶！</marquee>

啦啦啦，我來回走耶！

e.<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>

啦啦啦，我走一步，停一停！

二、圖片標記

1.插入圖片 <img src="圖形文件名">

2.設定圖框 -- border <img src="圖形文件名" border=點數>

3.設定圖形大小 -- width、height <img src="圖形文件名" width=寬度點數 height=高度點數>

4.設定圖形上下左右留空 -- vspace、hspace <img src="圖形文件名" vspace=上下留空點數 hspace=左右留空點數>

5.圖形附注 <img src="圖形文件名" alt="說明文字">

例1：

<img src="

例2：

<P align=center><img src="

三、表格相關(我們做帖子背景主要就是表格)

例1：

源代碼如下：

<TABLE align=center background="帖子背景圖" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>

帖子內容，文字或圖片..... </TD></TR></TBODY></TABLE>

1.定義表格 <TABLE> 即我們做帖子時的背景。

2.定義列 <tr> <tr>標志對用來創建表格中的每一行。

3.定義欄位 i.<td>：<td>標志對用來創建表格中一行中的每一個格子，

                       此標志對也只有放在<tr></tr>標志對之間才是有效的，

           ii.<th>：<th>標志對用來設置表格頭，通常是黑體居中文字。

a.水平位置 -- align <th align="#">

                  #號可為 left：向左對齊  center：向中對齊 right：向右對齊

b.垂直位置 -- align <th align="#"> #號可為

       top：向上對齊 middle：向中對齊    bottom：向下對齊

c.欄位寬度 -- width     <th width=點數或百分比>

d.欄位垂直合并 -- rowspan    <th rowspan=欲合并欄位數>

e.欄位橫向合并 -- colspan      <th colspan=欲合并欄位數>

四、表格的主要屬性

例：

<TABLE> 的參數設定（常用）：

<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">

1. <table>標記的主要屬性

    align定義表格的對齊方式，有三個屬性值center，left，right

    background定義表格的背景圖案，屬性值為圖片的地址

    bgcolor定義表格的背景顏色，屬性值是各種顏色代碼

    border定義表格的邊框寬度，屬性值是數字

    bordercolor定義表格邊框的顏色，屬性值是各種顏色代碼

    cellpadding定義單元格內容與單元格邊框之間的距離，屬性值是數字

    cellspacing定義表格中單元格之間的距離

    height定義表格的高度，屬性值是數字-----接受絕對值（如 500）及相對值（如 100%）。

    width定義表格的寬度，屬性值是數字-----接受絕對值（如 400）及相對值（如 80%）。

    bordercolorlight 表格邊框向光部分的顏色

    bordercolordark 表格邊框背光部分的顏色，

    使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效,即不能同時使用。

2. <tr>標記，表格是由多行與多列組成的，<tr>標記用來定義表格的一行，他的屬性極其屬性值定義的是表格中的該行，其主要屬性與屬性值如下：

    align定義對齊方式，屬性值與上同

    background定義背景圖案 bgcolor定義背景色

3. <td>標記。用<td>標記概況起來的內容表示表格的單元。其主要屬性與屬性值和<table>標記的一樣，補充兩個合并列和行的代碼：

    colspan定義合并表格的列數，屬性值是數字

    rowspan定義合并表格的行數，屬性值是數字

五、歌曲標記:

常用格試如下：

<EMBED height=200 src=音樂文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>

說明：一般用來插入mp3 rm ra ram asf mid 等音樂文件，如果要隱藏播放器，把width和height的數值改成0或者1就可以了。

1.EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">

2.EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="center" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">

常用屬性如下：

src="your.mid"

設定 midi 檔案及路徑，可以是相對或絕對。

autostart=true

是否在音樂檔下載完之后就自動播放。true 是，false 否 (內定值)。

loop="true"

是否自動反復播放。LOOP=2 表示重復兩次，true 是， false 否。

HIDDEN="true"

是否完全隱藏控制畫面，true 為是，no 為否 (內定)。

STARTTIME="分:秒"

設定歌曲開始播放的時間。如 STARTTIME="00:30" 表示從第30秒處開始播放。

VOLUME="0-100"

設定音量的大小，數值是0到100之間。內定則為使用系統本身的設定

WIDTH="整數" 和 HIGH="整數"

設定控制面板的高度和寬度。(若 HIDDEN="no")

ALIGN="center"

設定控制面板和旁邊文字的對齊方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom >

CONTROLS="smallconsole"

設定控制面板的外觀。預設值是 console。

console 一般正常面板 　　

smallconsole 較小的面板 　　

playbutton 只顯示播放按鈕 　　

pausecutton 只顯示暫停按鈕 　　

stopbutton 只顯示停止按鈕 　　

volumelever 只顯示音量調節按鈕

例一：

<EMBED SRC="midi.mid" autostart=true hidden=true loop=true>

作為背景音樂來播放，隱藏了播放器。

例二：

<EMBED SRC="midi.mid" loop=true width=145 height=60>

出現控制面板了，你可以控制它的開與關，還可以調節音量的大小。

六.透明FLASH的使用

例：

<TABLE align=center background=http://cry.shidabbs.com/home/bbsjc/images/xin2005.gif border=0 cellPadding=0 cellSpacing=0 height=153 width=244 table>

<TBODY>

<TR>

<TD><EMBED height=143 pluginspage=http://www.macromedia.com/go/getflashplayer src=http://cry.shidabbs.com/home/bbsjc/images/32.swf type=application/x-shockwave-flash width=234 wmode="transparent" quality="high"></EMBED>

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

2層

<EMBED align=right src=http://lain1978.com/collection/flash/fly.swf width=300 height=375 type=application/octet-stream ; quality="high" wmode="transparent" dth="300"><EMBED align=right src=http://www.qtqy.com.cn/flash/hd2.swf width=300 height=375 type=application/octet-stream dth="300" wmode="transparent" quality="high" ;;></EMBED>

常用代碼如下：

<P align=center><IMG border=0 height=180 src="產生效果的圖片URL地址" width=350></P>

<EMBED style=" ; HEIGHT: 300px" align=right src="透明FLASH連接地址" width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

說明：TOP: 后面的width=400 height=3000 就是指FLASH的寬和高了。

      在使用這種格式時要反復的調整定位距離大小才能達到滿意的效果 :)

      align=right 相對背景圖片右對齊。。。

注意事項：

大家一定發現這個style標簽了吧。。。

這個是做一些特效，如，濾鏡效果，文字特效，所用到的標記即CSS（Cascading Stylesheets，層疊樣式表）

Style屬性可以應用在<meta>標簽中，更可廣泛應用在<div> <table> <tr> <td> <body> <center> <img> <input> <font> <form> <frame> <label><EMBED><map>等標簽中，發貼時注意要將自動修正的勾號去掉,否則效果也出不來。。。

（1） table，tr，td 稱為HTML的標簽，以雙標簽的形式出現，所謂雙標簽，也就是有一個<table>就有一個對應的</table>與之對應，同樣適用于其他的雙標簽。

如：

<TABLE><TBODY><TR><TD><TABLE><TBODY><TR><TD>內容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

有多少<TABLE><TBODY><TR><TD>打頭就得有多少</TD></TR></TBODY></TABLE>收尾，否則就會出錯，其他標簽適用。。。

（2）全屏效果。

把下列代碼加到第一層表格的代碼中：style="LEFT: -180px; ; TOP: 90px"

效果如下：

<TABLE style="LEFT: -180px; ; TOP: 80px" cellSpacing=10 align=center background=http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg border=0><TR><TD>

這里插入帖子內容。

</td></tr></table>

注：LEFT: -180px 左距，數值越大與左邊距離越大。WIDTH: 800px 帖子寬度，一般全屏都是800像素。TOP: 90px" 上距 數值越大與IE上面的距離越大。其中數值都可以自行修改。

（3）我們在HTML模式下編好了帖子，先換到Design先察看，然后點擊預覽，如無異常即可發帖子，切記將HTML模式旁邊的自動修正前面的那個勾勾掉，否則一些特效就出不來，甚至會出現亂碼。。。