Add a tag with the Tag Chooser

Add a tag with the Tag Chooser

Next, you’ll use the Tag Chooser to wrap a div tag around one of the images on the page. You can then assign margins, borders, or colors to the image as you desire. There are a variety of ways to wrap a div tag around an image; this section explains how to use the Tag Chooser, which helps you insert any tag and add appropriate attribute values.

  1. Open the index.html file, if it’s not already open.
  2. In Design view, click the Cafe Townsend banner graphic (banner_graphic.jpg) to select it.

    This is a picture of the feature being described.

  3. Switch to Code view by clicking Code view in the Document toolbar, or by selecting View > Code View.

    You’ll see that the code for the selected image is selected in Code view. Make sure the entire img tag is selected, including the opening and closing angle brackets.

    This is a picture of the feature being described.

  4. If it isn’t already enabled, select View > Code View Options > Word Wrap to enable word wrap.
  5. Right-click (Windows) or Control-click (Macintosh) the selected text, and then select Insert Tag from the pop-up menu.

    The Tag Chooser appears.

  6. In the Tag Chooser, expand the HTML Tags category, followed by the Formatting and Layout subcategory; then select General.

    A list of tag names appears in the right pane; select div from that list.

    This is a picture of the feature being described.

  7. Click Insert.

    A tag editor for the div tag appears.

  8. In the tag editor, select the Style Sheet/Accessibility category and enter banner in the ID text box.

    This is a picture of the feature being described.

  9. Click OK to close the tag editor and insert the tag.

    Dreamweaver inserts the div tag in your page, wrapping it around the image tag.

    This is a picture of the feature being described.

  10. Click Close to close the Tag Chooser.
  11. Save your page.


Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly
 
ASPTreeView.com
 
Evaluation has єЗНУТЧexpired.
Info...