Advanced Dreamweaver

HTML Code Editing Features


Dreamweaver includes a number of features designed to make editing HTML code easier.

Inserting HTML tags:

When you are in the Code view, if you want to insert an HTML element around part of the code, select it, right click

and choose Insert Tag...

The Tag chooser will open:

Click on the plus sign (+) next to HTML tags to see a list of the tags, and click on the plus sign next ot the category to see tags in that category.

Clicking on a tag in the right hand column displays the Tag info in the bottom field.

Clicking on Insert inserts the tag/element around your selection.

Adding Attributes to tags

When editing the code, you can change the attributes of a tag easily. Right click on the tag itself (for example, a P tag), and choose Edit Tag.

Tag Editor Window

The General category will show the standard HTML attributes that you can set for the element; style sheet/accessibility shows the styles you can set; content shows whatever is inside the element; and events shows the Javascript events you have applied to that element.

For instance, if you have an image element:

<img src="tagchooser.jpg" width="480" height="400">

You can set or view the attributes:

Etc.

 


Next

Last updated: February 27, 2004

For more information, contact Jennifer Heise