Chapter 2 Horizontal Rules & Lists Dreamweaver for College & Business

Adding Horizontal Rules This tag places a horizontal rule or line across the width of the page (browser window) Does not need to be paired It can have an “attribute” –An attribute is placed in the start tag and set to a value that modifies the element ELEMENT ATTRIBUTE VALUE

Practice Setting Up a Horizontal Rule Type the following code (refer to your handout) Add two more horizontal rules that YOU determine the attributes for! Rules ADD YOUR OWN HERE Mrs. Wilson

Bulleted and Numbered Lists unordered list ordered list

The two tags that you will use for the unordered list are: » The two tags that you will use for the ordered list are: » Bulleted and Numbered Lists

Definition Lists Created using the DL element, generally consist of a series of term/definition pairs (although definition lists may have other applications). Thus, when advertising a product, one might use a definition list: Lower cost The new version of this product costs significantly less than the previous one! Easier to use We've changed the product so that it's much easier to use! Safe for kids You can leave your kids alone in a room with this product.

Defined in HTML as: Lower cost The new version of this product costs significantly less than the previous one! Easier to use We've changed the product so that it's much easier to use! Safe for kids You can leave your kids alone in a room with this product and they won't get hurt (not a guarantee).

Adding Comments Comments are used to explain or clarify the HTML to the reader of the HTML document THEY DO NOT APPEAR IN THE BROWSER WINDOW Comments start with an angle bracket, followed by an exclamation mark and two hyphens

Assignment Open a Notepad document Begin typing your basic HTML code using the provided handout Submit this completed assignment— code and typed version—tomorrow.