HTML List
•
5 likes•1,133 views
LeanIT.am has a complete online reference and example section that will give you more detailed information and also working samples.
Recommended
More Related Content
Recently uploaded
Recently uploaded (20)
Featured
Featured (20)
HTML List
- 1. <HTML> Lists
- 2. Have you ever created a top 10 list? <HTML> Lists 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.
- 3. Or wanted to itemize something? <HTML> Lists • Apples • Oranges • Bananas
- 4. This is done with 3 types of HTML list tags <HTML> Lists • Unordered List • Ordered List • Definition List
- 5. Lets look first at Unordered List <HTML> Lists • Apples • Oranges • Bananas <ul> <li>Apples</li> <li>Oranges</li> <li>Bananas</li> </ul>
- 6. Lets look first at Unordered List <HTML> Lists • Apples • Oranges • Bananas <ul> <li>Apples</li> <li>Oranges</li> <li>Bananas</li> </ul> Unordered list is created using the <ul> tag
- 7. Lets look first at Unordered List <HTML> Lists • Apples • Oranges • Bananas <ul> <li>Apples</li> <li>Oranges</li> <li>Bananas</li> </ul> Then each item uses the <li> tag to separate them
- 8. Q: Bullets are nice, but what if I want numbers? <HTML> Lists 1.Yellow Ball 2.Blue Ball 3.Red Ball 4.Purple Ball A: This is done with Ordered List and the <ol> tag.
- 9. Lets look at Ordered List <HTML> Lists 1.Yellow Ball 2.Blue Ball 3.Red Ball 4.Purple Ball <ol> <li>Yellow Ball</li> <li>Blue Ball</li> <li>Red Ball</li> <li>Purple Ball</li> </ol> The parent tag is now <ol> but the <li> tags stay.
- 10. study the devotion of time and attention to acquiring knowledge design a plan or drawing produced to show the look and functionality work a person’s regular occupation, profession, or trade <HTML> Lists Next...Definition Lists
- 11. First, a different parent tags <HTML> Lists <dl> <dt>study</dt> <dd>the devotion of time and attention to acquiring knowledge </dd> <dt>design</dt> <dd>a plan or drawing produced to show the look and functionality</dd> <dt>work</dt> <dd>a person’s regular occupation, profession, or trade</dd> </dl> definition list <dl>
- 12. Second, now there are 2 tags <HTML> Lists <dl> <dt>study</dt> <dd>the devotion of time and attention to acquiring knowledge </dd> <dt>design</dt> <dd>a plan or drawing produced to show the look and functionality</dd> <dt>work</dt> <dd>a person’s regular occupation, profession, or trade</dd> </dl> definition description <dd> definition term <dt>
- 13. Give it a try LeanIT.am has a complete online reference and example section that will give you more detailed information and also working samples. Click to View the HTML List Reference <HTML> Lists