- Introduction
- Understanding HTML
- Using the Reference Panel
- Using Code View
- Using Code Live View
- Setting Code View Options
- Entering HTML Code
- Using Code Hints
- Working with HTML Head Tags
- Inserting HTML Comments
- Using the Coding Toolbar
- Using Quick Tag Editor
- Using the Tag Inspector
- Using the Tag Chooser
- Opening Related Files
- Navigating to Related Code
- Setting Site Specific Code Hints
- Setting Code Hint Preferences
- Setting Code Format Preferences
- Setting Code Rewriting Preferences
- Setting Code Color Preferences
This chapter is from the book
This chapter is from the book
This chapter is from the book
Using Quick Tag Editor
Creating Web documents in the Design view is a beautiful and elegant way to design Web pages; however, sometimes you just need to get under the hood and make changes directly to the code. Dreamweaver gives you a way to make alterations to the code using the Quick Tag Editor. When activated, the Quick Tag Editor displays as a small pop-up window and allows you to edit a tag, add a tag, or enclose the current selection within a tag. In addition, you can use a list of tags and attributes to help jog your HTML memory, and save you some typing. Dreamweaver’s Quick Tag Editor can be used in three ways: Insert HTML (used for adding new tags and code at the current cursor position), Wrap Tag (wrap one tag around one or more other tags and content) and Edit HTML (displays the entire selected tag with all the attributes). It is a great time-saver for making those small tweaks to the code of any Web document. While most designers will perform most of the creative process using the Design view, it’s nice to know that you have a powerful tool like the Quick Tag Editor when you need to get back to coding basics.
Open the Quick Tag Editor
Open the Web page you want to view code.
Open the Quick Tag Editor using any of the following methods:
- Click the Modify menu, and then click Quick Tag Editor.
- Use the keyboard shortcut Ctrl+T (Win) or
+T (Mac).
- Click the Quick Tag Editor icon in the Properties panel.
)
Use Quick Tag Editor in Wrap Tag or Insert HTML Mode
- Open the Web page you want to view code.
- Select a portion of text within the document (for Wrap Tag mode) or click in the text area (do not select any text) to place
an insertion point (for Insert HTML mode).
Open the Quick Tag Editor.
Use the HTML tags in the pop-up hint list to insert a tag, or manually enter a customized XML tag.
Press Enter (Win) or Return (Mac) to wrap the selected text with the tag.
)
Use Quick Tag Editor in Edit Tag Mode
- Open the Web page you want to view code.
- Select a complete tag in Code view (e.g., img), or select an object, such as an image, in Design view.
- Open the Quick Tag Editor.
The tag with all its attributes will be displayed within the Quick Tag Editor window.
- Manually enter any changes to the tag and attributes.
- Press Enter (Win) or Return (Mac) to add the tag to the document.
)