Web topic 8 listings in html

461 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
461
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web topic 8 listings in html

  1. 1. Web Authoring Topic 8 – Listings in HTML
  2. 2. ObjectivesStudents should able to:1 Use Web Authoring tool to createvarious types of listing tags: • Un-numbered list; • Number list2 Use Web Authoring tool to create • definition lists <dl>: • definition term <dt> ; • definition description <dd> tags.
  3. 3. ObjectivesStudents should able to:3 Use Web Authoring tool to insert specialcharacters.4 Use Web Authoring tool to inserthorizontal lines.
  4. 4. HTML ListThe most common HTML lists areordered and unordered lists: An ordered list: An unordered list: 1.The first list item • List item 2.The second list • List item item • List item 3.The third list item
  5. 5. Un-ordered listAn unordered list starts with the <ul> tag.Each list item starts with the <li> tag.Example: <ul> <li>Coffee</li> <li>Milk</li> </ul>
  6. 6. Un-ordered listFor unordered list, type attributesdetermine bullet style.For unordered list, TYPE of LI can takefollowing values:“disc” <LI TYPE = “disc”>“circle” <LI TYPE = “circle”>“square” <LI TYPE = “square”>
  7. 7. Ordered ListAn ordered list starts with the <ol> tag.Each list item starts with the <li> tag. <ol> <li>Coffee</li> <li>Milk</li> </ol>
  8. 8. Ordered ListFor ordered list, the TYPE attribute of LIdetermines the numbering type:1 Arabic numbers 1, 2, 3, ... <LI TYPE = “1”>a lower alpha a, b, c, ... <LI TYPE = “a”>A upper alpha A, B, C, ... <LI TYPE = “A”>i lower roman i, ii, iii, ... <LI TYPE = “i”>I upper roman I, II, III, ... <LI TYPE = “I”>
  9. 9. Definition ListA definition list is a list of items, with adescription of each item.The <dl> tag defines a definition list.The <dl> tag is used in conjunction with <dt>(defines the item in the list) and <dd>(describes the item in the list):
  10. 10. Definition ListExample: <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl>
  11. 11. Special CharactersSymbols& &amp; ampersand¢ &cent; cent© &copy; copyright÷ &divide; divide> &gt; greater than< &lt; less than &nbsp; Non breaking space
  12. 12. Special CharactersMaking a horizontal rule, or line , is easierthan most people think.Its one small, short, and simple command;<hr> <hr width="75%"> Creates a horizontal line of 75% window width

×