• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Html list
 

Html list

on

  • 545 views

 

Statistics

Views

Total Views
545
Views on SlideShare
545
Embed Views
0

Actions

Likes
0
Downloads
10
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Html list Html list Presentation Transcript

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