DREAMWEAVER常用標記2006年11月26日 星期日 04:13DREAMWEAVER常用標記：
標記壹般成對出現，壹個表示特定代碼部分的開始，另壹個表示特定代碼部分的結束(表示結束的前面帶"/"符號)，但也不是絕對的，比如，<br>標記。基本的HTML標記：html、head和body必不可少。
1. <head>和</head>標記中僅包含網頁標題(如<title>我的網頁</title>)和程序腳本。
2. <body></body>標記中包含網頁的全部內容。是網頁的主體部分。
3. <center>和</center>：是中間內容居中標記；
4. <h2>和</h2>：從h1~h6，將文本標註為標題，通常要比正文粗大，h1最大；
5. <p>和</p>：段落標記，在行與行之間添加額外的空白行；
6. <br>：強行換行標記，插入單行，不需要封閉標記
7. 圖象標記：<img src="aaa\\bbb.gif" width="500" height="198" align="center">
align水平對齊(left、right或center)，valign垂直對齊(top，bottom或middle)，border邊框寬度
alt="鼠標放在圖片上時出現的提示文字"
8. <p><font size="3"><b>本行字符將以粗體顯示</b></font></p>
9. <p><font size="3"><i>本行字符將以斜體顯示</i></font></p> (<i>等效於<em>)
10.<p><font size="3" face="宋體" color="#RRGGBB">本行字符將宋體顯示</font></p>
11. <a href="test.htm">點擊此處文字打開鏈接的網頁</a> ：該處文字有下劃線標示
12. <HR>顯示壹長灰色細線，分割網頁為上下兩部分。可以只用單邊。完整的如下：
<HR align=center width="100%" SIZE=1>顯示壹灰色矩形，SIZE為1時，寬為1(很細，可看作壹直線)
13.<LI>在文字前出現壹個圓點的項目符號</LI>，可單個使用，也可結合<br>使用
14.<OL type=2 start=1><li>標記</li><li>區段</li></ol>：控制項目序號及顯示方式，如1,2,3
15.<UL>使該段文字首行和下面都縮進約兩個字符</UL>
16.<BLOCKQUOTE>使該段文字整體都縮進約兩個字符，可以多重使用<BLOCKQUOTE>
17.<SUP>這是上標字</SUP>，<SUB>這是下標字</SUB>，<U>這是加下劃線字</U>
18.<TT>這是Windows的等寬字</TT>
19.<FONT SIZE=+1>字體放大壹級</FONT>
20.<DL><DT>語言<DD>基礎要素</DL>:“語言”顯示為列表標題，“基礎要素”顯示為列表內容，自動縮進。
21.<DIV Align="Right">這是右對齊的段落壹<P>這是右對齊的段落二<P></DIV>默認為左對齊方式。
表格及其標誌：Align:水平，Valign:垂直。Align或Valign寫在<TR >中時表該行的幾個列都用同壹方式。
22<BLINK>閃爍</BLINK>:標記中的文字實現閃爍效果，但並不適用於所有的瀏覽器。
23.<TABLE BORDER=1> <TR><TD>第壹列第壹欄</TD><TD>第壹列第二欄</TD></TR>
<TR BgColor="yellow"><TD >第二列的第壹欄</TD><TD>第二列的第二欄</TD></TR>
<TR><TD Align="Left" Valign="Center">水平:左對齊<br>垂直:居中</TD></TR></TABLE>
BgColor可寫在<TABLE>、<TR>、<TD>中，分別為整個表格、整行、單壹單元格的背景顏色設置。
以上是我以前筆記中收錄的壹些常用的標記，今天看到lfspecter大蝦也發了壹些關於網頁的帖子，可以兩邊對照著看，側重點各有不同，也許更有利於初學者的理解，鏈接如下："，在瀏覽器中單擊此圖，就會啟動發送郵件窗口。在鏈接地址前加"#"符號，可以在網頁中不打開實際鏈接。
7.動畫背景為透明：
選中Flash(gif)，在源代碼</object></p>前加入代碼：<param name="wmode" value="transparent">。或文件屬性欄裏 "參數"輸入wmode,value="transparent"。
8.浮動背景圖象(主頁內容向下滾動而背景圖象不動的效果)：
(1).<body backgroud="image.jpg" bgproperties="fixed">
(2).在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中選擇Body，然後在Background中的Attachment裏選fixed
9.滾動條換顏色：
默認的網頁滾動條是灰色，在網頁代碼<head></head>裏插入壹對<style></style>標簽，標簽裏寫入下面的代碼：
body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動條陰影的顏色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR:#333333; (滾動條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立體滾動條強陰影的顏色)
後面的16位顏色值妳可以隨意更改，括號內是解釋說明，在輸入時請不要插入。
10.背景音樂:
body中加入以下任壹個代碼（建議為midi格式的）：
顯示操作面板：在相應地方加:
<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">
不顯示操作面板：在頁中任意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true>
<bgsound src=音樂路徑 loop=次數>－1為無數次
<embed src=音樂路徑 width=0 height=0>
11.在Dreamweaver中輕松設置行間距：
用層疊樣式表（CSS）來實現，在Dreamweaver中編輯層疊樣式表不用編寫代碼，具體操作方法如下：
（1）在快速啟動欄中點擊層疊樣式表按鈕（"show css styles"按鈕），在彈出的CSS Styles面板上雙擊（none）；
（2）此時，可看到彈出的Edit Style Sheet 面板，在該面板上按New按鈕；
（3）再在彈出的New Style 面板上點取Redefine HTML Tag（重新定義HTML標記），再在Tag中選擇"body"標記後按OK按鈕；
（4）這時可看到彈出的Style dehinition for body 的對話框，在此對話框中可以設置"body"標記的許多屬性，可以按妳的意願設置，但我們這裏主要是要設置行距，所以在line屬性輸入框中填上行距的像素點數，現在流行的九號字，行距壹般用12，按OK按鈕返回到Edit Style Sheet 面板，此時已把"body"的行距設置好了；
（5）由於"body"中定義的行距對表格不起作用，所以再在Edit Style Sheet 面板上再按New按鈕；
（6）再在彈出的New Style