【正文】 用預(yù)格式化標(biāo)記 pre… /pre格式文本 pre 網(wǎng)頁設(shè)計(jì)師這一職業(yè)在今后來說還是有需求的。 ?強(qiáng)制不換行標(biāo)記 nobr……/nobr ，常用英文人名 ?nobrBill Gates/nobr 文本中的空格 ?標(biāo)記 (pre除外 )內(nèi) 字符前的空格 瀏覽器將全部忽略， 字符與字符間的空格 瀏覽器將只保留一個(gè)空格顯示， 回車 視為一個(gè)空格， ?塊級元素之間忽略所有空格。 ?行內(nèi)元素可看成一個(gè)字符 文本中的轉(zhuǎn)義字符 ?在 HTML源代碼中，有些字符有特別的含義，比如小于號“ ”就表示 HTML 標(biāo)記的開始， html源代碼中的“ ”是不會(huì)在瀏覽器中顯示的，如果要瀏覽器顯示這些字符，就需要輸出他們對應(yīng)的轉(zhuǎn)義字符。quot表示“ , amp。 , 表示空格等； 通常，一個(gè)字符實(shí)體是由三部分組成的： （ 1）一個(gè)“ amp。”符號 在 DW的設(shè)計(jì)視圖中輸入這些特殊字符， DW會(huì)自動(dòng)在代碼視圖添加它們對應(yīng)的轉(zhuǎn)義字符 DW中插入 HTML文本元素的快捷鍵 1. Enter 插入 p /p （硬回車） 2. shift＋ enter 插入 br / （軟回車） 3. Ctrl＋ shift＋ space 插入一個(gè) 綜合實(shí)例 html head title分段換行與預(yù)格式 /title /head body h3以下是直接寫文本的情況： /h3 星期一 、 星期二 、 星期三 、 星期四 、 星期五 、 星期六 、 星期日 。 br / h3以下使用分段標(biāo)記 （ 分為兩段 ） ： /h3 p星期一 、 星期二 、 星期三 、 /pp星期四 、 星期五 、 星期六 、 星期日 。 /pre /body/html 跑馬燈 marquee標(biāo)記 ?一個(gè)特殊的文本標(biāo)記，能使其中的文本在瀏覽器屏幕上不斷滾動(dòng)。 direction屬性用于控制滾動(dòng)的方向，可以上下滾動(dòng)或左右滾動(dòng)。scrollamount屬性設(shè)置滾動(dòng)的速度， scrolldelay屬性設(shè)置兩次滾動(dòng)間的間隔時(shí)間。 size是設(shè)置水平線的厚度，而 width是設(shè)定水平線的寬度，默認(rèn)單位是像素。 ?hr size=3 width=85% color =“red noshade=noshade align=center / 文本修飾標(biāo)記（字體標(biāo)記） 文本修飾標(biāo)記 ?文本修飾標(biāo)記是對文本的外觀進(jìn)行修飾的標(biāo)記，如讓文字變色，加大，變粗體，添加下劃線等。 例： font face=fontname size= n color= 0066CC……/font ?!face屬性定義文字的字體， fontname為能獲得的字體名稱； size屬性定義文字的大小， n為正整數(shù)， n值越大則字越大； color屬性定義文字的顏色， ?注意：文本修飾標(biāo)記由于是行內(nèi)標(biāo)記，沒有 align屬性 (說明 ） 加粗、傾斜與下劃線標(biāo)記 ? 2）加粗、傾斜與下劃線的定義標(biāo)記（ b、 i、 u） b……/b ! 加粗文字 i……/i ! 文字傾斜 u……/u ! 加下劃線 em……/em ! 加粗，傾斜 strong……/strong ! 加粗文字 使用加粗、傾斜與下劃線標(biāo)記（ b、 i、 u）的 組合 ，可對文本文字進(jìn)一步修飾。 ?如： Hsub2/subO !H2O Xsup2/sup !X2 ?由于字體標(biāo)記屬于對文本 外觀 進(jìn)行修飾的標(biāo)記，是由于當(dāng)時(shí) CSS語言尚未出現(xiàn)時(shí) html定義的表現(xiàn)的范疇，隨著 CSS的出現(xiàn)，這些表現(xiàn)功能均可以由 CSS完成，所以不含有語義的字體標(biāo)記慢慢過時(shí)了。在 HTML中可以使用的列表標(biāo)記有無序列表、有序列表和定義列表三種。瀏覽者通過超鏈接選擇閱讀路徑。 URL包括 4部分：網(wǎng)絡(luò)協(xié)議、域名或IP地址、路徑和文件名。書寫格式為：協(xié)議： //計(jì)算機(jī)域名或 IP地址 [/文檔路徑 ]［ /文檔名］ ?例如： 相對 URL ?相對 URL是相對于包含超鏈接頁的地點(diǎn)來規(guī)定文件的地點(diǎn)。 相對 URL示例 wgzx yule index .htm oa. htm pop .htm news .htm =yule/ 2 1 =../ =“” 3 相對 URL的優(yōu)勢 ?可以看出相對 URL方式比較簡便，不需輸入一長串完整的 URL；另外相對路徑還有一個(gè)非常重要的特點(diǎn)是：可以毫無顧忌地修改 Web網(wǎng)站的域名或網(wǎng)站在服務(wù)器硬盤中的存放目錄。 使用圖像做超鏈接后，圖像會(huì)自動(dòng)增加邊框，可設(shè)置邊框?yàn)?0去掉 超鏈接的種類－根據(jù)源對象劃分 2 4) 熱區(qū)鏈接 ：使用 map在圖像上定義一幅地圖，地圖上可包含多個(gè)熱區(qū)，每個(gè)熱區(qū)用 area單標(biāo)記定義， area的 shape屬性定義了熱區(qū)的形狀， coords定義了熱區(qū)的坐標(biāo)點(diǎn)，href定義了熱區(qū)鏈接的文件。 a id=yyyy/a ! 定義錨點(diǎn) yyyy a href=yyyy…… /a ! 網(wǎng)頁內(nèi)跳轉(zhuǎn)鏈接 ， 鏈接到錨點(diǎn) yyyy處 也可以鏈接到其他網(wǎng)頁某個(gè)錨點(diǎn)處 a href=yyyy…… /a !鏈接到 網(wǎng)頁的錨點(diǎn) yyyy處 4) 空鏈接和腳本鏈接 : a href=“”…… /a ! 相當(dāng)于沒有定義錨點(diǎn)名的錨鏈接 ，網(wǎng)頁會(huì)返回頁面頂端 a href=JavaScript:alert(39。)……/a 超鏈接的打開方式（ target屬性的取值） ?在本窗口打開： _self （ target的默認(rèn)值） ?在新窗口打開： _blank ?在父窗口打開： _parent 將鏈接的文件載入到父框架 ?在整個(gè)窗口打開： _top：將鏈接的文件載入到整個(gè)瀏覽器窗口中，并刪除所有框架 ?_parent、 _top僅僅在網(wǎng)頁被嵌入到其他網(wǎng)頁中有效，如框架中的網(wǎng)頁，所以這兩種取值用得很少。 若沒建立網(wǎng)站目錄， DW則采用 file協(xié)議方式， 以磁盤根目錄為基準(zhǔn) ，建立鏈接，而這是我們應(yīng)該避免的 圖像標(biāo)記 img / ?圖像標(biāo)記 ： img src=“圖像文件名” / 將圖形文件嵌入到網(wǎng)頁文檔中的當(dāng)前位置 ?說明：網(wǎng)頁中插入圖像有兩種方法，一是插入一個(gè) img元素，二是將圖像作為背景嵌入到網(wǎng)頁中 ?由于 CSS的背景屬性的功能很強(qiáng)大，現(xiàn)在更推薦將所有的圖像都作為背景嵌入。這些文件都是壓縮格式的圖像格式，其中 jpg格式適合用于網(wǎng)頁中較大尺寸的 真彩色圖片 ，是一種有損壓縮的格式； gif格式一般用于較小尺寸的圖片，是一種無損壓縮的格式，只支持 256色， GIF在存儲(chǔ)非連續(xù)色調(diào)的圖像或具有大面積單一色彩的圖像方面比較出色， gif格式的特點(diǎn)是可以實(shí)現(xiàn) gif動(dòng)畫 ，和 gif全透明的圖像 ；png格式可以用于 alpha透明效果 ，但 IE6不能夠支持。下面是 img標(biāo)記的常見屬性： img的屬性 含義 src 圖片文件的 url地址 alt 當(dāng)圖片無法顯示時(shí)顯示的替換文字 title 鼠標(biāo)停留在圖片上時(shí)顯示的說明文字 align 圖片的對齊方式，默認(rèn)為基線對齊，即圖片的 下邊緣和文字的下邊緣對齊 width、 height 圖片在網(wǎng)頁中的寬和高 在單元格中插入圖像的方法 ?對于表格布局的網(wǎng)頁，所有的元素都是放置在單元格中的，圖像也不例外，要在單元格中插入圖像，且單元格的邊框和圖像之間沒有間隙。如： ?td width=768 height=132img src=images/ //td ! /td不能換行 img插入圖像的對齊方式 ?img標(biāo)記的對齊方式仍然通過 align屬性實(shí)現(xiàn)，但其取值多達(dá) 9種，其中要實(shí)現(xiàn)圖片