製作網頁時，要在網上（shàng）插入（rù）一段javascript代碼或者是在（zài）某一段文字上（shàng）加入（rù）css代（dài）碼，您通常都是怎麽做的呢？綠色資源（yuán）網的（de）小編通常采用手寫的（de）方式，但是這種方法是很浪費（fèi）時間的。也有人說，通過（guò）dreamweaver的可視試圖，點查找再插入，但是這種方（fāng）法（fǎ）需要查（chá）找（zhǎo），不（bú）太方便！那麽有沒（méi）有更快速（sù）更（gèng）方便的方法（fǎ）呢？今天就和新（xīn）客網的小（xiǎo）編一（yī）起（qǐ）來學習方便（biàn）又快（kuài）速的添加、編輯網頁（yè）標簽的（de）方法吧！

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

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

下麵說一下標簽選擇器的應用方（fāng）法。

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

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

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

編輯標簽：給標（biāo）簽附加屬性、修改（gǎi）屬性（xìng）等。

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

設（shè）置ID：給這（zhè）個標（biāo）簽附予一個ID。（即CSS的ID）

在這裏，我們選擇編輯標簽，然後在後麵（miàn）加（jiā）上屬（shǔ）性（xìng）style="margin-top:10px"和（hé）正常（cháng）書寫源代碼的方式是一樣的。然後按下回車。就完成了編輯。如果在（zài）Dreamweaver裏看（kàn）不到效果，請（qǐng）用瀏覽（lǎn）器預覽。

還（hái）有另外一種方法，也許你會喜歡。選擇窗口→標簽檢查器（qì）當你（nǐ）選擇某一個標（biāo）簽後（hòu），這裏會顯（xiǎn）示出當前選（xuǎn）擇標簽的所有屬性。也可以很快地（dì）在這裏進行編輯。在這裏（lǐ）輸入的屬性不（bú）用（yòng）包括引（yǐn）號，編（biān）輯（jí）後按回車確（què）定。

這裏我（wǒ）們（men）隻將方（fāng）法告（gào）訴大（dà）家，希望大家能夠從中受益。