רשימות HTML

HTML תומך ברשימות ממוספרות, לא ממוספרות ורשימות מוגדרות .

נסה זאת בעצמך דוגמאות

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

רשימה ממוספרת HTML

(אתם יכולים למצוא עוד דוגמאות בתחתית עמוד זה )

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

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

רשימה לא ממוספרת מתחילה עם <ul> תג. כל פריט ברשימה מתחיל ב <li> תג.

<ul><li>קפה</li><li>חלב</li></ul>

כיצד זה נראה בדפדפן:

קפה
חלב

בתוך הרשימה אתם יכולים לשים פסקאות, שבירת שורה, תמונות, קישורים, רשימות אחרות, וכו'.

רשימות ממוספרות

רשימה ממוספרת היא גם רשימה של פריטים. רשימת פריטים מסומנת עם מספרים.

רשימה ממוספרת מתחילה עם <ol> תג. כל פריט ברשימה מתחיל ב <li> תג.

<ol>
<li>קפה</li>
<li>חלב</li>
</ol>

כיצד זה נראה בדפדפן:

קפה
חלב

בתוך הרשימה אתם יכולים לשים פסקאות, שבירת שורה, תמונות, קישורים, רשימות אחרות, וכו'.

רשימות מוגדרות

רשימה מוגדרת היא לא רשימה של פריטים בודדים. זאת רשימה פריטים, עם תיאור של כל אחד מין הפריטים.

רשימה מוגדרת מתחילה עם <dl> תג (definition list).

כל תת פריט מתחיל עם <dt> תג (definition term).

כל תיאור מתחיל עם <dd> תג (definition description).

<dl>
<dt>קפה</dt>
<dd>משקה שחור חם</dd>
<dt>חלב</dt>
<dd>משקה לבן קר</dd>
</dl>

כיצד זה נראה בדפדפן:

קפה
משקה שחור חם
חלב
משקה לבן קר

בתוך <dd> תג אתם יכולים לשים פסקאות, שבירת שורה, תמונות, קישורים, רשימות אחרות, וכו'.

יותר דוגמאות

סוגים שונים של רשימות ממוספרות HTML
דוגמה זו ממחישה סוגים שונים של רשימות ממוספרות.

סוגים שונים של רשימה לא ממוספרת HTML
דוגמה זו ממחישה סוגים שונים של רשימות לא ממוספרות.

רשימה מקוננת HTML
דוגמה זו ממחישה כיצד אתם יכולים לקונן רשימות.

רשימה מקוננת 2 HTML
דוגמה זו ממחישה רשימה מקוננת יותר מסובכת.

רשימה מוגדרת HTML
דוגמה זו ממחישה רישמה מוגדרת.

רשימת תגים