HTML – רשימות (וכמה מילים על תפריטים)

בHTML ישנם 3 סוגים של רשימות:

• רשימות לא מסודרות
• רשימות מסודרות
• רשימת הגדרות

זו אגב רשימה לא מסודרת.

אנחנו נעבור על הרשימות בסדר הבא:

1. רשימות לא מסודרות
2. רשימות מסודרות
3. רשימת הגדרותזו אגב רשימה מסודרת.

אבל קודם כל כמה מילים על כל הגדרות:

רשימות לא מסודרות

רשימות שבהן אין חשיבות לסדר של הרשומות

רשימות מסודרות

רשימות בהן סדר הרשומות חשוב לנו

רשימת הגדרות

רשימה שנותנת מידע נוסף אודות כל רשומה

זו אגב רשימת הגדרות.

רשימה לא מסודרת

רשימה לא מסודרת מיוצגת ע"י התגית <ul>
רשומות ברשימה שכזו מיוצגות ע"י התגית <li>
ברשימה שכזו נציג רשומות שהסדר שלהם לא קריטי להבנה הלוגית שלהן לדוגמה: רשימת החברים שלנו בפייסבוק.

<ul>
<li>יוסי</li>
<li>דנה</li>
<li>רזי</li>
</ul>

איך הקוד נראה בדפדפן:

• יוסי
• דנה
• רזי

רשימה מסודרת

רשימה מסודרת מיוצגת ע"י התגית <ol>
רשומות ברשימה שכזו מיוצגות ע"י התגית <li>
ברשימה שכזו נציג רשומות שהסדר שלהם קריטי להבנה הלוגית שלהן לדוגמה: מתכון להכנת חביתה.

<ol>
<li>שים שמן על מחבת</li>
<li>שפוך ביצה על השמן</li>
<li>המתן 2 דקות</li>
<li>הוצא את החביתה מהמחבת</li>
</ol>

איך הקוד נראה בדפדפן:

1. שים שמן על מחבת
2. שפוך ביצה על השמן
3. המתן 2 דקות
4. הוצא את החביתה מהמחבת

רשימת הגדרות

רשימת הגדרות מיוצגת ע"י התגית <dl>
רשומות ברשימה שכזו מיוצגות ע"י התגית <dt> וההגדרות לאותן רשומות מוגדרות מיד אחריהן עם התגית <dd>
ברשימה שכזו נציג רשומות שדורשות הסבר כמו תפריט בירות בפאב.

<dl>
<dt>גולדסטאר</dt>
<dd>בירה טובה שיש בכל מקום</dd>
<dt>טובורג</dt>
<dd>בירה שיותר מתאימה למצב רוח קליל</dd>
<dt>סטלה</dt>
<dd>בירה שאסור לקחת לים (עושה כאב בטן)</dd>
<dt>גינס</dt>
<dd>הבירה הכי טובה בעולם</dd>
</dl>

איך הקוד נראה בדפדפן:

גולדסטאר

בירה טובה שיש בכל מקום

טובורג

בירה שיותר מתאימה למצב רוח קליל

סטלה

בירה שאסור לקחת לים (עושה כאב בטן)

גינס

הבירה הכי טובה בעולם

כמה מילים על תפריטים

פעם היו עושים תפריטים בטבלאות אבל היום משתמשים ברשימות (בדרך כלל ברשימות לא מסודרות) אל תתנו לפיתוי שבטבלה לגרום לכם לעשות עבודה לא מקצועית, חכו למדריך הCSS והשתמשו ברשימות.
רמז: משתמשים בתכונת הCSS float