Presentation is loading. Please wait.

Presentation is loading. Please wait.

Chapter 2 Horizontal Rules & Lists Dreamweaver for College & Business.

Similar presentations


Presentation on theme: "Chapter 2 Horizontal Rules & Lists Dreamweaver for College & Business."— Presentation transcript:

1 Chapter 2 Horizontal Rules & Lists Dreamweaver for College & Business

2 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

3 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

4 Bulleted and Numbered Lists unordered list ordered list

5 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

6 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.

7 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).

8 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

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


Download ppt "Chapter 2 Horizontal Rules & Lists Dreamweaver for College & Business."

Similar presentations


Ads by Google