רשימות | שפת HTML

[מוטי אורן]

רשימות ב - HTML

--
אם לצורך העניין אנחנו רוצים להציג למשתמש רשימה כלשהיא, נניח רשימת פירות, נצטרך להשתמש בתגית ul דלהלן:

<ul>הרשימה שלי</ul>

התגית שמגדירה פריט ברשימה היא:

<li>פריט ברשימה</li>

בסופו של דבר זה יראה כך:

<ul>
  <li>apples</li>
  <li>oranges</li>
  <li>banana</li>
  <li>peach</li>
</ul>

התג ul אומר שזו רשימה לא ממוספרת, מלשון unordered list,
ולעומתו קיים תג של רשימות ממוספרות שנקרא ol, מלשון ordered list.

<ol>
  <li>apples</li>
  <li>oranges</li>
  <li>banana</li>
  <li>peach</li>
</ol>

קיימת עוד סוג של רשימה, שהיא רשימה שמכילה תיאור ופירוט על כל item שבתוכה, הרשימה הזאת נקראת dl, מלשון description list.

התחביר של רשימה כזאת הוא:

<dl>
  <dt>apples</dt>
  <dd>description of apples</dt>
  <dt>oranges</dt>
  <dd>description of oranges</dd>
  <dt>banana</dt>
  <dd>description of banana</dd>
  <dt>peach</dt>
  <dd>description of peach</dd>
</dl>

כמו שאתם רואים, התג של הרשימה הוא dl, וכל פריט ברשימה נקרא dt, והתיאור של הפריט נמצא ב – dd.

תכונות (Attributes) מיוחדים לרשימות:

ברשימה ממוספרת (ol) קיימות מספר תכונות מיוחדות, נתחיל עם התכונה type, שאומר "מצב". לתכונה type קיימים 5 אפשרויות של ערכים, נמנה אותם כאן:

1: "type="1 -- זו ברירת המחדל, שהמספור ייעשה לפי מספרים
2: "type="A -- המספור ייעשה לפי אותיות אנגלית גדולות
3: "type="a -- המספור ייעשה לפי אותיות קטנות
4: "type="I --המספור ייעשה בספרות רומיות גדולות
5: "type="i -- המספור ייעשה בספרות רומיות קטנות

התכונה נכתבת בתג הפותח (כמו כל תכונה) כך:
<"ol type="A>

ברשימה ממוספרת קיימת עוד תכונה (לא נראה לי כל כך שימושית), שאומרת שהרשימה הממוספרת תלך בסדר הפוך. לתכונה הזאת אין ערך אחרי התכונה והיא נכתבת כך:
<ol reversed>

יש לרשימה ממוספרת תכונה שלישית שנקראת start, שאומרת מאיפה להתחיל את הספירה. לשם הדוגמה אם רוצים להתחיל את הספירה מהמספר 30, כתבו כך:
<"ol start="30>

לתגית li קיימת תכונה אחת (בתנאי שהיא ברשימה ממוספרת) והיא, value. התכונה הזאת אומרת שפריט מסויים ברשימה המספר שלו הוא אחר. התחביר הוא:

<ol><li value="15"></li></ol>

טוב, בגדול מיצינו את העניין של רשימות, בהצלחה לכולם ונתראה במדריך הבא!