1 / 7

HTML Overview

HTML Overview. Part 3 – Creating Lists. Unordered List. An unordered list is also called an bulleted list. Use an unordered list when the order of the items is not important. The tags for lists appear in the body of the document. List tags are paired.

kairos
Download Presentation

HTML Overview

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML Overview Part 3 – Creating Lists

  2. Unordered List • An unordered list is also called an bulletedlist. • Use an unordered list when the order of the items is not important. • The tags for lists appear in the body of the document. • List tags are paired. • An unordered list starts and ends with the <ul></ul> tag. • Each list item starts and ends with the <li></li> tag. • The default bullet for an unordered list is a small black dot.

  3. Unordered List Example <ul> <li>Home</li> <li>Products</li> <li>Services</li> <li>Hosting</li> <li>Contact Us</li> </ul>

  4. Ordered List • An ordered list is also called a numbered list. • Use an ordered list when the order of the items is important. • The tags for lists appear in the body of the document. • List tags are paired. • An ordered list starts and ends with the <ol></ol> tag. • Each list item starts and ends with the <li></li> tag. • The default format for an ordered list is 1. 2. 3.

  5. Ordered List Example <ol> <li>Feed cats</li> <li>Mow lawn</li> <li>Make appointment</li> <li>Go to bank</li> <li>Collect dry cleaning</li> </ol>

  6. HTML Table Tags

  7. Work through the W3Schools Tutorial on Lists http://www.w3schools.com/html/html_lists.asp HTML Errors Assignment (handout) Complete Practice: Computer Viruses – part 2 of 5 on page 50-51 of binder. Save your file as lastname_computer_viruses2.html

More Related