מדריך HTML - רשימות

ישנם שלושה סוגי רשימות ב-HTML: רשימה ממוספרת, רשימה לא ממוספרת, ורשימת הגדרות.

בשביל לכתוב רשימה ממוספרת משתמשים בתג <ol>. בשביל להכניס פריטים לרשימה משתמשים בתג <li>. כל פריט ברשימה גורם לירידת שורה אוטומטית, ככה שלא צריך להשתמש ב-BR בין פריטים. כמו כן, ניתן להגדיר כותרת לרשימה בעזרת התג <caption>.

המאפיינים שהתג <ol> מקבל הם: type אחראי על צורת מספור הרשימה. מקבל אחד מהערכים הבאים: A, a, i, 1 start אומר מאיזה ערך מתחילה הרשימה. ברירת המחדל היא אחד.

לדוגמא, הקוד הזה:

1. <ol type="i" start="5">  

2. <li>אחד</li>  

3. <li>שנים</li>  

4. <li>שלוש</li>  

5. <li>ארבע</li>  

6. </ol>  

<ol type="i" start="5">

<li>אחד</li>

<li>שנים</li>

<li>שלוש</li>

<li>ארבע</li>

</ol>

יראה ככה:

     v.            אחד

   vi.            שנים

 vii.            שלוש

viii.            ארבע

רשימה לא ממוספרת (רשימת תבליטים) נכתבת בעזרת התג <ul>. גם כאן, פריט ברשימה נכתב בעזרת התג <li>, וכותרת בעזרת <caption>. התג <ul> מקבל את המאפיין type, שיכול להכיל אחד מהערכים הבאים: circle, disc, square.

לדוגמא, הקוד הזה:

1. <ul type="circle">  

2. <li>אחד</li>  

3. <li>שנים</li>  

4. <li>שלוש</li>  

5. <li>ארבע</li>  

6. </ul>  

<ul type="circle">

<li>אחד</li>

<li>שנים</li>

<li>שלוש</li>

<li>ארבע</li>

</ul>

יראה ככה:

רשימת הגדרות היא רשימה לא ממוספרת, ואין לה תבליטים. היא נכתבת בעזרת התג <dl>. פריטים ברשימה הזאת מתחלקים לשני חלקים: הפריט עצמו וההגדרה שלו. בכדי להכניס פריט לרשימה משתמשים בתג <dt>. בשביל להכניס הגדרה לפריט משתמשים בתג <dd>.

לדוגמא, הקוד הזה:

1. <dl>  

2. <dt>Guide</dt>  

3. <dd>מדריך, מורה דרך, מנחה.</dd>  

4. <dt>HTML</dt>  

5. <dd>שפת סימון טקסט, בה משתמשים</dd>  

6. <dd>בכדי לכתוב דפי אינטרנט.</dd>  

7. </dl>  

<dl>

<dt>Guide</dt>

<dd>מדריך, מורה דרך, מנחה.</dd>

<dt>HTML</dt>

<dd>שפת סימון טקסט, בה משתמשים</dd>

<dd>בכדי לכתוב דפי אינטרנט.</dd>

</dl>

יראה ככה:

Guide
מדריך, מורה דרך, מנחה.

HTML
שפת סימון טקסט, בה משתמשים
בכדי לכתוב דפי אינטרנט.