DREAMWEAVER常用標記_第1頁
DREAMWEAVER常用標記_第2頁
DREAMWEAVER常用標記_第3頁
DREAMWEAVER常用標記_第4頁
DREAMWEAVER常用標記_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

1、DREAMWEAVE常用標記：（都是以前記的一些筆記了）標記一般成對出現(xiàn)，一個表示特定代碼部分的開始，另一個表示特定代碼 部分的結束（表示結束的前面帶"/"符號），但也不是絕對的，比如，<br>標記?；?本 的HTML標記：html、head和body必不可少。1. <head>和</134>標記中僅包含網(wǎng)頁標題（如<title>我的網(wǎng)頁</title>）和程序 腳本。2. <body>v/body>標記中包含網(wǎng)頁的全部內(nèi)容。是網(wǎng)頁的主體部分。3. <ce nter>和 </ce

2、 nter>：是中間內(nèi)容居中標記；4. vh2>和 v/h2>:從hih6,將文本標注為標題，通常要比正文粗大， hi最大；5. <p>和 </p> :段落標記，在行與行之間添加額外的空白行；6. <br> :強行換行標記，插入單行，不需要封閉標記7. 圖象標記：<img src="aaabbb.gif" width="500" height="198" align="center">align 水平對 齊 （left、right 或 center）

3、 ，valign 垂直對齊（top，bottom 或 middle） ， border 邊框 寬度alt="鼠標放在圖片上時出現(xiàn)的提示文字”8. vpxfont size Z2"3">< 匕本行字符將以粗體顯示 v/b>v/font>v/p>9. vpxfont size二”3”x） >本行字符將以斜體顯示v/i>v/font>v/p> （vi>等效于 <em>）10. vpxfo nt size 二”3” face 二味體 ” color=n#RRGGBBn本行字符將宋體顯示 </fo

4、ntx/p>11. <a href="test.htm">點擊此處文字打開鏈接的網(wǎng)頁v/a>：該處文字有下劃線標示12. <HR濕示一長灰色細線，分割網(wǎng)頁為上下兩部分?？梢灾挥脝芜?。完整的如 下：<HR alig n 二 cen ter width 二”100%” SIZE=1 顯示一灰色矩形，SIZE 為 1 時， 寬為1 （很細，可看作一直線）13. < 口在文字前出現(xiàn)一個圓點的項目符號v心，可單個使用，也可結合<br>使 用14. <OLtype=2start=1xli： #記 v/li>vli>

5、 區(qū)段 </lix/ol> :控制項目序號及顯示方式，如1,2,315. <UL>®該段文字首行和下面都縮進約兩個字符</UL>16. VBL0CKQU0T使該段文字整體都縮進約兩個字符，可以多重使用<BLOCKQUOTE>17. VSUP這是上標字</SUP>, <SUB這是下標字</SUB>, <U>人是加下劃線 字 </u>18. <TT>這是 Windows 的等寬字 v/TT>19. VFONT SIZE=+1 字體放大一級 v/FONT>20. v

6、DL>vDT 語言 vDD： v礎要素 </DL>:“語言"顯示為列表標題，“基礎要素n顯示為列表內(nèi)容，自動縮進。21. VDIV Align JRight'g是右對齊的段落一 v卩這是右對齊的段落二vP>v/DI V默認為左對齊方式。表格及其標志：Align:水平，Valign:垂直。Align或Valign寫在vTRH時表該行的幾個列都用同一方式。22VBLINK 閃爍 v/BLINK>:標記中的文字實現(xiàn)閃爍效果，但并不適用于所有的瀏覽器。23.VTABLE BORDERS > vTR>vT 歹（J第一欄 v/TD>vTD

7、第一歹第二欄 v/TD>v/TR>vTR BgColor 二”yellow'vTD 第二列的第一欄 v/TDxTD 第二列的第二 欄 v/TD>v/TR><TR>vTD Alig n 二”Left” Valig n 二”Ce nter 水平：左對齊vbr>垂直：居中 </TD>v/TR>v/TABLE>BgCol 可寫在 <TABLE> <TR> <TD>A，分另（J為 整個 表格、整行、單一單元格的背景顏色設置。以上是我以前筆記中收錄的一些常用的標記，今天看到Ifspecter大蝦也

8、發(fā)了一些尖于網(wǎng)頁的帖子，可以兩邊對照著看，側重點各有不同，也許更有利于初學者的理解，鏈接如下:http:技巧篇：1 在<BOD Y標簽中可以規(guī)定整個文檔的一些基本屬性:” bgcolor”：指定html文檔的背景色?！皌ext”：指定html文檔中文字的顏色“l(fā)ink”：指定html文檔中待連接超鏈接對象的顏色。HalinkM:指定html文檔中連接中超鏈接對象顏色。"vlink":指定html文檔中以連接超鏈接對象顏色。"backgrou nd":指定html文檔的背景文件。有兩種方式表示顏色對象：vbodybgcolor 二"gree

9、n"或 vbody bgcolor 二"#00FF00"> 文檔主體部分可用顏色 列表：black黑色Red紅色Line石灰色Maroon栗色Gray灰色Silver銀白色Navy海軍 藍Olive橄欖綠Purple紫色Yellow黃色Aqua淺綠色Blue藍色Green綠色Fuchsia 紫紅色White白色Teal暗藍綠2瀏覽器的狀態(tài)列提示文字控制(1) 鼠標經(jīng)過：<a href="tpage.htm" onMouseOver="window.status=V 相尖提示 V; returntrue">

10、頁 面上鼠標經(jīng)過的文字<a>(2) .改變狀態(tài)欄提示文字：打開"Behaviors行為編輯窗，單擊” + ”按鈕，選擇"SetTextSet'下的"Text Of Status Bar選項，然后在方框中輸入自己的文字，例如”歡迎來到我的主頁"等，單擊" 確定"即可。3 鏈接控制：a.返回前頁：使用 OnClick="history.go(-1)"返回主頁：使用 OnClick='top.location.href="./index.html'Vb. 鏈接提示：在鏈接語句

11、中增加，如：去哪兒？(在點擊鏈接前注意看狀態(tài)行顯示的變化)OnM ouseOver 二"wi ndow.status=V這里是.'returntrue"OnMouseOut="window.status='' return true"c. 鏈接的不同方式：在幀里顯示：在鏈接處加target="main"語句，其中main為幀名整頁顯示：在鏈接處加target="_top"語句開新窗口 ：在鏈接處加target="resourcewindow"語句，如<AHREF=&

12、quot;index.htm"TARGET="resource window"x/A>d. 強制主頁每次都不進行緩存，而從服務器上重讀在 Head 部分加 vMEAT HTTP-EQUIV 二"Pragma" CONTENT 二"no-cache"e. 自動刷新定時刷新：<META HTTP-EQUIV="Refresh" content="10; URL=http：自己的URL">0燈片效果：語句類似上面，但在頁面1中URL指向頁面2,而頁面2指向頁面3頁面n指 回

13、頁面1,即可實現(xiàn)循環(huán)顯示頁面的效果。f.在某一個時間內(nèi)自動鏈接到其他主頁，這只需在title# /title >之后 加入下面這一行即可：meta http-equiv=HrefreshH content=H20; url=otherpage.htmn > ("20M代表二 十秒后連到另一個主頁)h.在打開指定網(wǎng)頁的同時打開另一指定網(wǎng)頁Vnext.htm，只需在指定網(wǎng)頁的body 中加入指令onload：<htmlxbody onload=Hparent.bannerJocation.href=Vnext.htm,> 指定打開的一 個網(wǎng)頁內(nèi)容</body

14、>4.設置"添加到收藏夾"鏈接：選中"添加到收藏夾”文字，在屬性面板中的鏈接(Link)中輸入："javascript:window.external.AddFavorite (Vhttp:5文字移動動態(tài)效果：1）文字從右移到左邊：<marqueexbA家好v/b>歡迎您經(jīng)常光臨！v/marquee>2）讓文字在固定的區(qū)域內(nèi)出現(xiàn)從下到上的滾動效果：例 1 :<table height=542 cellspacing=O cellpadding=O width=800 border=Oxtrxtd valign=center

15、align=middle width=316 height=405><fontcolor=#ffOOx/font></centerxbr> 此處為長篇大 i!</marquee>v/td>v/tr>v/table>例2:<body><divalign=Mcentern><p><marqueealigh=leftbgcolor=#FFFED7direction=upbe havior=scroll height=100hspace=1 scrollamount=2 Scrolldelay=1 w

16、idth=250 VSpace=1 loop=-1>vfont color=n#FF00n size 二”5” face 二'方正大黑簡體、望岳 v/fontxbr> vbrxfont color="#FF00">ffi宗夫如何，齊魯青未了。<br>造化鐘神秀，陰陽割昏曉。<br> 湯胸生層云，決眥入歸鳥，<br>會當凌絕頂，一覽眾L1J小。vbr>v/font>v/marquee>v/p>v/div>v/body>v/html>3)在指定寬度內(nèi)移來移去的文字代碼：vTD

17、height=20>vPalign=center>vMARQUEEscrollDelay=120 direction=rightbehavior Z2 alternate width=150 height=12>產(chǎn)品導航 v/MARQUEE>v/P>v/TD>6.E-mail 鏈接:7動畫背景為透明：選中Flash(gif),在源代碼</objectx/p>前加入代碼：vparamname=,wmodenvalue=Htransparentn>?；蛭募傩詸诶铩眳?shù)”輸入 wmode,value=ntransparentn。8浮動背景圖象(

18、主頁內(nèi)容向下滾動而背景圖象不動的效果):(1) .vbody backgroud=nimage.jpgn bgproperties=nfixedH>(2) 在 Dreamweaver 中用Text-CustomStyle-EditStyleSheet- rNew j -RedefineHTML Tac 中選擇 Body，然后在 Background 中的 Attachment里選fixed9滾動條換顏色：默認的網(wǎng)頁滾動條是灰色'在網(wǎng)頁代碼vhead>v/head>里插入一對<style>v/style>標簽，標簽里寫入下面的代碼：body SCROL

19、LBAR-FACE-COLOR:#33FF；立體滾動條凸出部分的顏色）SCROLLBAR-HIGHLIGHT-COLOR:#5050；（滾動條空白部分的顏色）SCROLLBAR-SHADOW-COLOR:#fc2400;（立體滾動條陰影的顏色）SCROLLBAR-ARROW-COLOR:#666；（上下按鈕上三角箭頭的顏色）SCROLLBAR-BASE-COLOR:#333;（滾動條的基本顏色）SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48（立體滾動條強陰影的顏色）后面的16位顏色值你可以隨意更改，括號內(nèi)是解釋說明，在輸入時請不要插 入。10.背景音樂：body中加入以下任一個代碼（建議為midi格式的）：顯示操作面板：在相應地方加：<embedsrc="aladdin.mid"width="140"height="35"autostart=truecontrols="mid dleconsole">不顯示操作面板：在頁中任意地方力口 <embedsrc="aladdin.mid"hidden=tr

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論