Section 48. Use the HTML Views | Sams Teach Yourself Creating Web Pages All in One

48. Use the HTML Views

BEFORE YOU BEGIN

4 Use Attributes and Values

6 About Proper HTML Coding

SEE ALSO

8 Add a Title and Head

9 Add and Format Text

25 Add Text and Graphics to the Page

43 Add Text and Links

44 Add Structure to Your Text

45 Add Color to Your Text

There are two HTML views in Composer : the HTML Tags view and the <HTML> Source view. You are going to use them both as you develop your pages. The HTML Tags view is going to help you understand how the tags interact with one another. It also gives you the ability to easily select the tags and apply properties to them. The <HTML> Source view is where you can access the actual code of the page and enter or change raw code.

1.	Click on the HTML Tags View Your page shows as it did in the Normal view but with markers in place for each of the tags on the page. At the top is the marker for the <body> tag, and at the beginning of each line of text is the marker for that paragraph.
2.	Click on the Marker for the <big> Tag There is a marker for the <big> tag on the second line where the text is bold. When you click on the tag marker, the contents of the tag are highlighted. While the tag is highlighted, you can drag it to any other location in the page. When you do that, you get everything between the beginning and end of the tag, which can be a problem sometimes in the Normal mode. You may drag more than you intend. Try to drag content in smaller chunks to avoid this problem.
3.	Double-Click on the Marker for the <big> Tag The Advanced Property Editor that you saw in Chapter 7 comes up so you can edit the attributes for the tag. You can also access the Inline Style for the tag and the JavaScript Events where you can add cascading style sheet information and hand-code JavaScript . 48. Use the HTML Views KEY TERM Cascading style sheets Cascading style sheets (CSS) is a language related to HTML that the browser can read to impart visual styles to HTML pages. In web development, you might hear that best practice is to separate content from visual presentation. This allows your page to be very flexible in how it appears. Consider all the new devices that can surf the Weband view your web page! You can have the same information displayed with a web browser on a computer, on a cellular telephone, on a kiosk, on an Internet-equipped television, or on who knows what! The only thing that would have to change is the style sheet, which tells the device how to show the same information differently (suited to each medium). There are a number of books that go into CSS in depth, but it is beyond the scope of this book.
4.	Click on the HTML Source View Tab Now you can see the source code for your page with all the tags you have added in the chapter. If you want to edit the page by hand, you can do so in this view.