מדריך HTML מספר 8 - רשימות (lists)

Steps

1. 1

   Step 1

   בכדי להכין רשימה לא ממויינת נשתמש באלמנט ul (פירוש: unsorted list) וכל פריט ברשימה נשים בתגית הli (פירוש: list item). מסמך HTML עם רשימה לא ממויינת יראה כך:
2. 2

   Step 2

   
   Shopping list:
   

   • Toilet paper
   • Apples
   • Eggs
   • Oranges
3. 3

   Step 3

   
   פריטי רשימה לא ממויינת יופיעו שלצידם תבליטים.
4. 4

   Step 4

   בכדי להכין רשימה ממויינת את פריטי הרשימה יש להכניס לאלמנט ol (כן ניחשתם נכון : orderd list). הגדרת ברירת המחדל ברשימות ממויינות היא שהן ימויינו לפי מספרים (ולא באותיות).
5. 5

   Step 5

   
   Things i have to do:
   

   1. Play Xbox
   2. Buy a new car
   3. Feed the cat
   4. Play some more Xbox
6. 6

   Step 6

   
   כל אובייקט ברשימה מקבל מספר המתחיל מ1.
7. 7

   Step 7

   בכדי למיין את הרשימות בצורות שונות נשמתש במאפיין type בתגית הol עם הערכים הבאים:

   - כל אובייקט ברשימה יהיה ממויין באותיות גדולות.
   - כל אובייקט ברשימה יהיה ממויין באותיות גדולות.
   - כל אובייקט ברשימה יהיה ממויין באותיות רומיות גדולות.
   - כל אובייקט ברשימה יהיה ממויין באותיות רומיות קטנות.
8. 8

   Step 8

   דוגמאות שונות לרשימות לא ממויינות בצורות שונות:

   - כל אובייקט ברשימה יהיה מיוצג עם עיגול.
   - כל אובייקט ברשימה יהיה מיוצג עם ריבוע.
9. 9

   Step 9

   ניתן להכין רשימות קצת יותר מורכבות - רשימות מקוננות:
10. 10

    Step 10

    
    Some nested list:

    • Buy balls
      • basketball
      • Football
    • buy shorts
11. 11

    Step 11

    
    ולהלן רשימה מקוננת: