製作網頁時，要在網上插入一段javascript代碼或者是在某一段文字上加（jiā）入css代碼，您通（tōng）常都是怎麽做的呢？綠色資源網的小編通常采用手寫的方式，但是這種方法是很浪費時間的。也（yě）有人說，通過dreamweaver的可（kě）視（shì）試圖，點查找再插入，但是這種方（fāng）法需要查找，不太方便！那麽有沒有更快速更方便的方（fāng）法呢？今天就和新（xīn）客網的小編一起來學（xué）習方便又（yòu）快（kuài）速的添加、編輯網頁標簽的方法吧（ba）！

下麵我們以Dreamweaver 8為例，假設大家Dreamweaver麵板（bǎn）布局都為（wéi）默認的布局（jú）方式。查（chá）看一下屬性麵板的上方是否有一（yī）行小標（biāo）簽。（如果您用的（de）不是MX，標簽在狀態（tài）欄中）例如：你新建一個空白的HTML文檔（dàng），上麵的小標簽應該（gāi）為＜body＞。請看下圖： 

圖上畫紅框的地方（fāng），就是我們今天的主角了。我們先看（kàn）一下“環繞標簽”。在頁麵上隨便打入幾個字，選（xuǎn）中它們，在右鍵菜單中選擇“環繞標簽”，在彈（dàn）出的環繞標簽對話（huà）框中（zhōng）輸入“＜strong＞”（不包括引號），然後回車。之前被選中的文字是不是已經（jīng）變成粗體了，到源代碼看一下，我們所選中（zhōng）的文字是不是已經被＜strong＞標簽包圍了？大（dà）家（jiā）可以試著再加入（rù）其它的一些標簽，如：＜a＞，＜p＞。這裏也可以直接輸入屬性。如：＜p style="color:#CC0000"＞。這裏僅大概說明一下，如有疑問，請查看Dreamweaver的幫助。

下麵（miàn）說一下標簽選擇器的應用（yòng）方法。

我們將光標移動到剛才加粗的文字裏，會發現在＜body＞的（de）後麵多了個＜strong＞。這就是說（shuō）光標所在處的（de）這些文字的外麵（miàn）有＜strong＞的標簽（qiān），在＜strong＞標簽（qiān）外有＜body＞標簽。下麵大家再添加一個表格，把光標移動到表格內，看看標簽的結構。相信對HTML有些基礎的朋友都應該很容易理解的。

假設我們現在要插入一個表格，並將這個表格用CSS來將它下移10個（gè）象素。先插入一（yī）個表格，然後（hòu）交光標移動到表格內。這時在標簽（qiān）選（xuǎn）擇器上應該可以看到這樣的字（zì）樣＜body＞＜table＞＜tr＞＜td＞。然後在table標簽上點鼠（shǔ）標右鍵，會看到（dào）有四（sì）個選（xuǎn）項。刪除（chú）標簽、編輯標簽、設置類、設置ID。

刪除標簽：即是將標簽刪除。（有一些特殊的標簽是不能刪除的（de）。例如：＜table＞、＜tr＞、＜td＞、＜body＞...)

編輯標簽：給標簽（qiān）附加（jiā）屬（shǔ）性、修改屬性等（děng）。

設置類：給這個（gè）標簽附予（yǔ）一個類。（即CSS的類別）

設置ID：給這個（gè）標簽附（fù）予一個ID。（即CSS的ID）

在這裏，我們選（xuǎn）擇編輯標簽，然後在後麵加上屬性style="margin-top:10px"和正（zhèng）常書寫源代碼的方式（shì）是（shì）一樣的。然後按下回車。就完成了編輯。如果在Dreamweaver裏看不到效果，請用瀏覽器預覽。

還有另外一種方法，也許（xǔ）你會喜（xǐ）歡。選擇窗口→標（biāo）簽檢查器當你（nǐ）選擇某一個標簽（qiān）後，這裏會顯示出當前選擇標簽的所有（yǒu）屬性。也可以很快地在這裏進行編輯。在這裏輸（shū）入的屬性不用（yòng）包括引（yǐn）號，編輯後按回車確定（dìng）。

這（zhè）裏我們隻將方法告訴大（dà）家，希望大家能夠從中受益。