• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 1. Learning the Basics > Editing HTML in Code View

Editing HTML in Code View

You can edit the HTML by hand, and Dreamweaver will not overwrite those changes. If a change is made that appears to be wrong, Dreamweaver will highlight it to call the code to your attention. There may be many times when you need to adjust the code by hand, as demonstrated in the following steps.

Select the list from Sunset Beach to Pipeline. View the page in Microsoft Internet Explorer. Look carefully at the font for the numbering.

The font is different from the text. Netscape Communicator displays the font as expected. In this exercise, you will change the placement of the font tags so that you get the same result in Internet Explorer and Netscape.

Look at the HTML code. You should see the following:

<ol type="a">
<li><font face="Arial, Helvetica, sans-serif">Sunset Beach, Oahu</font></li>
<li><font face="Arial, Helvetica, sans-serif">Waimea Bay</font></li>
<li><font face="Arial, Helvetica, sans-serif">South Shore, Oahu</font></li>
<li><font face="Arial, Helvetica, sans-serif">Pipeline</font></li>


The <li> tag, which defines the list numbers or letters, is outside the <font> tag and therefore is not included in the font styling.

Select a single <li> tag. In the document toolbar, click the Reference button.

The Reference panel displays information about the tag have selected and its function. This feature is a good way to learn more about HTML.

In the code-view area, move the <font> and </font> tags so that they are outside the <li> tags.

The result should look like this:

<ol type="a">
<font face="Arial, Helvetica, sans-serif"><li>Sunset Beach, Oahu</li></font>
<font face="Arial, Helvetica, sans-serif"><li>Waimea Bay</li></font>
<font face="Arial, Helvetica, sans-serif"><li>South Shore, Oahu</li></font>
<font face="Arial, Helvetica, sans-serif"><li>Pipeline</li></font>


View your page in Internet Explorer and see the results.

If you make a mistake while editing HTML, Dreamweaver does not correct the mistake, but it highlights the errors in bright yellow. You have to then make the corrections yourself. This feature is one of Dreamweaver's advantages (known as RoundTrip HTML), because you can add special tags that your Web server recognizes, but that are not standard HTML, and Dreamweaver will leave them alone.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint