使用標(biāo)簽選擇器添加標(biāo)簽
1.創(chuàng)建 Trio Motors 主頁(yè)中的下一個(gè)步驟是在頁(yè)面頂部的橫幅圖像兩側(cè)添加 div 標(biāo)簽。(有關(guān)向頁(yè)面添加圖像的說明,請(qǐng)參見添加圖像。)有多種方法可以在圖像的兩側(cè)添加 div 標(biāo)簽;本課介紹如何使用標(biāo)簽選擇器來添加標(biāo)簽。標(biāo)簽選擇器可以幫助您插入任何標(biāo)簽,并添加相應(yīng)的屬性值。
2.要使用標(biāo)簽選擇器編寫代碼,請(qǐng)執(zhí)行以下操作:
3.如果 index.html 未打開,則打開它,并在“代碼”視圖中查看它(“視圖”>“代碼”)。
4.如果尚未啟用自動(dòng)換行,則選擇“視圖”>“代碼視圖選項(xiàng)”>“自動(dòng)換行”啟用它。
5.在開始 body 標(biāo)簽后面緊鄰的代碼中,找到并選定對(duì)應(yīng)于頁(yè)面頂部橫幅圖像的 img 標(biāo)簽。
注意:確保選定了整個(gè) img 標(biāo)簽,包括左尖括號(hào)和右尖括號(hào)。
6.右鍵單擊 (Windows) 或在按住 Control 鍵的同時(shí)單擊 (Macintosh) 選定的文本,然后從彈出式菜單中選擇“插入標(biāo)簽”。
即會(huì)顯示標(biāo)簽選擇器。
7.在標(biāo)簽選擇器中,展開“HTML 標(biāo)簽”類別,然后展開“格式和布局”子類別,然后選擇“常規(guī)”。右窗格中將出現(xiàn)一個(gè)標(biāo)簽名列表;從該列表中選擇 div。
注意:您也可以選擇“HTML 標(biāo)簽”類別,然后直接在右窗格中選擇 div 標(biāo)簽,而無需先展開“格式和布局”。
8.單擊“插入”。
將出現(xiàn)一個(gè)標(biāo)簽編輯器,用于編輯 div 標(biāo)簽。
9.在標(biāo)簽編輯器中,選擇“樣式表/輔助功能”類別,然后輸入在“類”文本框中輸入 logo。
10.單擊“確定”關(guān)閉該標(biāo)簽編輯器并插入標(biāo)簽。
Dreamweaver 將在頁(yè)中圖像標(biāo)簽的兩側(cè)插入 div 標(biāo)簽。
單擊“關(guān)閉”以關(guān)閉標(biāo)簽選擇器。 保存頁(yè)面。
聯(lián)系客服