4.5 רשימת פריטים

עיצוב של רשימת פריטים בשפת HTML מתבצע בקלות באמצעות שימוש בשלוש תגיות: ol, ul ו- li.

ul  הוא קיצור ל- "unordered list" ויוצר תבליטים לכל פריט ברשימה.  ol הוא קיצור של "ordered list" והוא ממספר כל פריט ברשימה. 

כדי ליצור פריטים ברשימה עליך להשתמש בתג list item) li) לפני ואחרי כל פריט, כפי שמוצג בדוגמאות שלהלן.

דוגמא לרשימת פריטים לא ממוספרת:

---

<ul>

     <li>פריט מספר 1</li>

     <li>פריט מספר 2</li>

     <li>פריט מספר 3</li>

     <li>פריט מספר 4</li>

</ul> 

---

הרשימה המוצגת למעלה, תראה בדפדפן כך:

·         פריט מספר 1

·         פריט מספר 2

·         פריט מספר 3

·         פריט מספר 4

דוגמא לרשימת פריטים ממוספרת:

---

<ol>

     <li>פריט מספר 1</li>

     <li>פריט מספר 2</li>

     <li>פריט מספר 3</li>

     <li>פריט מספר 4</li>

</ol> 

---

הרשימה המוצגת למעלה, תראה בדפדפן כך:

1.      פריט מספר 1

2.      פריט מספר 2

3.      פריט מספר 3

4.      פריט מספר 4

   

 

 

שים לב ! תגיות אלו מחייבות תגית פותחת ותגית סוגרת, כמו מרבית תגיות HTML

מאפיינים לאובייקט רשימה:

לרשימה ממוספרת ניתן לקבוע מאפיין type ולקבוע את צורת המספור.

פרטי המאפיין האפשריים הם: A, a, I, i, 1.

 

Type="1"	Type="i"	Type="I"	Type="a"	Type="A"
1.    פריט מספר 1 2.    פריט מספר 2 3.    פריט מספר 3 4.    פריט מספר 4	i.          פריט מספר 1 ii.          פריט מספר 2 iii.          פריט מספר 3 iv.          פריט מספר 4	I.     פריט מספר 1   II.     פריט מספר 2  III.     פריט מספר 3 IV.     פריט מספר 4	a.    פריט מספר 1 b.    פריט מספר 2 c.    פריט מספר 3 d.    פריט מספר 4	A.   פריט מספר 1 B.   פריט מספר 2 C.   פריט מספר 3 D.  פריט מספר 4

 

מאפיינים נוספים:

א. start הקובע מאיזה מספר/אות תחל הרשימה:

ב. value קובע ערך מסוים לפריט ספציפי. הרשימה תמשיך מספור מאותו ערך ואילך. למעשה, ניתן לפסוח על מספר אחד או יותר, והרשימה תמשך מהמספר האחרון.

ניתן לקבוע את מאפיין התבליט שיוצג ברשימה לא ממוספרת כדלהלן:

 

Type=" CIRCLE"	Type="DISC"	Type="SQUARE"
o        פריט מספר 1 o        פריט מספר 2 o        פריט מספר 3 o        פריט מספר 4	·         פריט מספר 1 ·         פריט מספר 2 ·         פריט מספר 3 ·         פריט מספר 4	פריט מספר 1 פריט מספר 2 פריט מספר 3 פריט מספר 4

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

► הקודם הבא ◄