- Creating a New Page and Adding Text
- Setting Page Properties
- Introducing Cascading Style Sheets
- Changing Text Attributes in the Property Inspector
- Aligning Text
- Creating Lists and Indenting Text
- Adding a Separator to a Page: The Horizontal Rule
- Saving Your Work and Previewing in a Browser
- Summary
- Q&A
- Workshop
- Exercises
This chapter is from the book
This chapter is from the book
This chapter is from the book
Adding a Separator to a Page: The Horizontal Rule
A graphical item that has been around since the Web stone age (about 10 years ago!) is the horizontal rule. That little divider line is still useful. The horizontal rule creates a shaded line that divides a web page into sections. Note that you can’t place anything else on the same line with a horizontal rule.
Add a horizontal rule to your web page by selecting the Horizontal Rule object from the HTML category of the Insert bar. Of course, if you’re a menu kind of person, you can do this by selecting Insert, HTML, Horizontal Rule. In Figure 3.16, the Property inspector presents the properties of a horizontal rule. You can set width and height values in either pixels or percentages of the screen. You can also set the alignment and turn shading on and off.
)
Figure 3.16 Horizontal rule properties appear in the Property inspector when the rule is selected.
Many objects in HTML have width and height values either in absolute pixel values or as a percentage of the size of the container they are in. If a horizontal rule in the body of a web page is set to a percentage value and the user changes the size of the browser window, the horizontal rule resizes to the new window size. If the horizontal rule is set to an absolute pixel size, it does not resize, and the user sees horizontal scrollbars if the horizontal rule is wider than the screen.