The next step in creating the Trio Motors home page is to wrap a div tag around the banner image at the top of the page. There are a variety of ways to wrap a div tag around an image; this lesson explains how to use the Tag Chooser, which helps you insert any tag and add appropriate attribute values.

To write code using the Tag Chooser:

1. Open index.html, if it's not already open, and view it in Code view (View > Code).
2. Select View > Code View Options > Word Wrap to enable word wrap if it isn't already enabled.
3. In the code just after the opening body tag, find and select the img tag corresponding to the banner image at the top of the page.

   Note: Make sure you select the entire img tag, including the opening and closing angle brackets.

4. Right-click (Windows) or Control-click (Macintosh) the selected text, and then select Insert Tag from the pop-up menu.

   The Tag Chooser appears.

5. In the Tag Chooser, expand the HTML Tags category, then the Formatting and Layout subcategory, then select General. A list of tag names appears in the right pane; select div from that list.

   Note: You can also select the HTML Tags category, and then select the div tag in the right pane, without first expanding Formatting and Layout.

6. Click Insert.

   A tag editor for the div tag appears.

7. In the tag editor, select the Style Sheet/Accessibility category and enter logo in the Class text box.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100

India web developer website development India