Html list

835 views

Published on

Published in: Technology, Sports
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
835
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html list

  1. 1. Lists <br />By: SayedFatheyAteya<br />www.isayed.com<br />
  2. 2. What is list ? <br /> In your life …<br />You have a list of your friends, telephone list and back list (people you dislike).<br />Every day you have a lot of something to do. So you must have a list for this to be in order.<br />
  3. 3. What is list ? <br /> In HTML…<br />Assume that you want to develop your site, so you should have a menu about your .<br />Menu appear as a vertical or horizontal.<br />You will use list to keep your verical menu in order.<br />Sometimes you will use lists with vertical menu, when you have sub menu.<br />Horizontal menu<br />Horizontal menu with sub menu<br />Vertical menu<br />
  4. 4. Type of Lists<br />Ordered List<br />Unordered list <br />
  5. 5. Ordered List<br />When you want to order something you can order this by differnet method.<br />Type of ordered List<br /> 1- something <br /> 2- something else <br />3- another thing<br /> ---------------------------<br /> a- something<br /> b- something else <br /> c- another thing<br /> ----------------------------<br />i- something<br /> ii- something else<br /> iii- another thing<br />
  6. 6. Ordered List<br />Ordered list starts with <ol> tag. <br />Each list item starts with the <li> tag.<br />Test Code<br />Result<br />
  7. 7. Ordered List example<br />Result<br />Test Code<br />
  8. 8. Ordered List example<br />Result<br />Test Code<br />
  9. 9. Unordered List<br />When you want to order something you can order this by differnet method.<br />Type of ordered List<br />Disc bullets type<br /><ul><li>Something
  10. 10. Something else
  11. 11. Another thing</li></ul>------------------------------<br />Circle bullets type<br /><ul><li>Something
  12. 12. Something else
  13. 13. Another something</li></ul>---------------------------------<br />Square bullets type<br /><ul><li>Something
  14. 14. Something else
  15. 15. Another something</li></li></ul><li>Ordered List<br />An unordered list starts with the <ul> tag.. <br />Each list item starts with the <li> tag.<br />The list items are marked with bullets (typically small black circles).<br />Test Code<br />Result<br />
  16. 16. Ordered List example<br />Result<br />Test Code<br />
  17. 17. Defintion List<br />Used for definitions.<br />Like google define (ex: define: php).<br />Starts with <dl> tag.<br />Each term starts with <dt> tag.<br />Description of term starts with <dd> tag.<br />Test Code<br />Result<br />

×