ישנם שלושה סוגי רשימות ב-HTML: רשימה ממוספרת, רשימה לא ממוספרת, ורשימת הגדרות.
בשביל לכתוב רשימה ממוספרת משתמשים בתג <ol>.
בשביל להכניס פריטים לרשימה משתמשים בתג <li>.
כל פריט ברשימה גורם לירידת שורה אוטומטית, ככה שלא צריך להשתמש ב-BR בין פריטים.
כמו כן, ניתן להגדיר כותרת לרשימה בעזרת התג <caption>.
המאפיינים שהתג <ol> מקבל הם:
type אחראי על צורת מספור הרשימה. מקבל אחד מהערכים הבאים: A, a, i, 1
start אומר מאיזה ערך מתחילה הרשימה. ברירת המחדל היא אחד.
לדוגמא, הקוד הזה:
|
<ol type="i" start="5">
<li>אחד</li>
<li>שנים</li>
<li>שלוש</li>
<li>ארבע</li>
</ol>
|
|
|
יראה ככה:
- אחד
- שנים
- שלוש
- ארבע
רשימה לא ממוספרת (רשימת תבליטים) נכתבת בעזרת התג <ul>.
גם כאן, פריט ברשימה נכתב בעזרת התג <li>, וכותרת בעזרת <caption>.
התג <ul> מקבל את המאפיין type, שיכול להכיל אחד מהערכים הבאים: circle, disc, square.
לדוגמא, הקוד הזה:
|
<ul type="circle">
<li>אחד</li>
<li>שנים</li>
<li>שלוש</li>
<li>ארבע</li>
</ul>
|
|
|
יראה ככה:
רשימת הגדרות היא רשימה לא ממוספרת, ואין לה תבליטים.
היא נכתבת בעזרת התג <dl>.
פריטים ברשימה הזאת מתחלקים לשני חלקים: הפריט עצמו וההגדרה שלו.
בכדי להכניס פריט לרשימה משתמשים בתג <dt>.
בשביל להכניס הגדרה לפריט משתמשים בתג <dd>.
לדוגמא, הקוד הזה:
|
<dl>
<dt>Guide</dt>
<dd>מדריך, מורה דרך, מנחה.</dd>
<dt>HTML</dt>
<dd>שפת סימון טקסט, בה משתמשים</dd>
<dd>בכדי לכתוב דפי אינטרנט.</dd>
</dl>
|
|
|
יראה ככה:
- Guide
- מדריך, מורה דרך, מנחה.
- HTML
- שפת סימון טקסט, בה משתמשים
- בכדי לכתוב דפי אינטרנט.