צור קשר
מאמרים אחרונים
תגובות אחרונות
מדריך ליצירת רשימות ב-HTML5.
יצירת רשימה ב-HTML5
ב-HTML5 קיימים שלושה סוגים של רשימות:
- רשימה ממוספרת/ממויינת (Ordered List)
- רשימת בולטים (Unordered List)
- רשימה עם הגדרות (Definition List)
בתוך כל פריט ברשימה ניתן להכניס טקסט, קישור, תמונה או רשימה נוספת.
כשמגדירים רשימה, צריך לחשוב קודם כל על סוג הרשימה שרוצים להגדיר ואז לבחור את הרשימה המתאימה לנו ביותר: האם היא ממויינת ויש חשיבות לסדר האיברים בה? האם מדובר סתם באוסף של נקודות/בולטים ללא חשיבות לסדר? האם מדובר באוסף הגדרות?
תגית ol והגדרת רשימת Ordered List
רשימה ממוספרת היא רשימה שהפריטים שלה ממוספרים לפי הסדר, כמו למשל בדוגמה הבאה:
- חלבונים
- פחמימות
- שומנים
כדי ליצור רשימה ממוספרת ב-html, משתמשים בתגית ol הפותחת את הרשימה, ויש לה תגית סגירה בסוף הרשימה. כל פריט ברשימה זו יהיה בתוך תגית li, כך:
<li>חלבונים</li>
<li>פחמימות</li>
<li>שומנים</li>
</ol>
תגית ul והגדרת רשימת Unordered List
רשימת בולטים הינה רשימה שבה במקום מספור, מסומנים הפריטים בבולטים שחורים בד"כ, באופן הבא:
- ירושלים
- תל אביב
- חיפה
כדי ליצור רשימת בולטים, משתמשים בתגית ul כאשר גם כאן כל פריט ברשימה נמצא בתוך תגית li, כמו בדוגמה הבאה:
<li>ירושלים</li>
<li>תל אביב</li>
<li>חיפה</li>
</ul>
תגית dl והגדרת רשימת Definition List
זוהי רשימה המכילה הגדרה או הסבר עבור כל פריט שנמצא בה, למשל:
- ירושלים
- - בירת ישראל
- תל אביב
- - בירת התרבות של ישראל
ליצירת רשימה כזו משתמשים בתגית dl, כאשר בתוכה התגית dt המגדירה את הפריטים ברשימה, והתגית dd שבה נמצא התיאור או ההסבר שרוצים להוסיף לכל פריט:
<dt>ירושלים</dt>
<dd>- בירת ישראל</dd>
<dt>תל אביב</dt>
<dd>- בירת התרבות של ישראל</dd>
</dl>
