רשימות מקוננות
חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 14 מתוך 60.
אפשר למקם רשימה בתוך רשימה אחרת. זה נקרא רשימה מקוננת. זה שימושי ליצירת מבנים היררכיים, כמו ראשי פרקים או תפריטים רב־רמתיים.
כדי ליצור רשימה מקוננת, פשוט מציבים רכיב <ul> או <ol> בתוך רכיב <li> של רשימה אחרת.
הנה דוגמה לרשימה לא מסודרת מקוננת:
<ul>
<li>Item 1</li>
<li>Item 2
<ul>
<li>Subitem 2.1</li>
<li>Subitem 2.2</li>
</ul>
</li>
<li>Item 3</li>
</ul>הפריט השני מכיל רשימה מקוננת עם שני פריטי משנה. בדפדפן, היא תוצג כך:
- פריט 1
- פריט 2
- פריט משנה 2.1
- פריט משנה 2.2
- פריט 3
אפשר גם לקנן רשימות ממוספרות או לשלב בין שתיהן.
אתגר
קלצרו מסמך HTML עם רשימה מקוננת. הרשימה צריכה להיראות כך:
- פירות
- תפוח
- בננה
- תפוז
- ירקות
- גזר
- ברוקולי
- תרד
- דגנים
נסו בעצמכם
<!DOCTYPE html>
<html>
<body>
<!-- כתבו כאן קוד -->
</body>
</html>השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה יסודות
תרגלו בעצמכם: Web אונליין