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

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

רשימה ממוספרת <ol>

בשביל לכתוב רשימה ממוספרת משתמשים בתג <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>

יראה בדפדפן ככה:

HTML רשימות

רשימה לא ממוספרת <ul>

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

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

<ul type="circle">
    <li>אחת</li>
    <li>שתים</li>
    <li>שלוש</li>
    <li>ארבע</li>
</ul>

יראה ככה:

HTML רשימות

רשימת הגדרות <dl>

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

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

<dl>
    <dt>Guide</dt>
    <dd>מדריך, מורה דרך, מנחה.</dd>
    <dt>HTML</dt>
    <dd>שפת סימון טקסט, בה משתמשים</dd>
    <dd>בכדי לכתוב דפי אינטרנט.</dd>
</dl>

יראה ככה:

HTML רשימות

תגיות: , ,

גיא בורשטיין

גיא בורשטיין הוא מומחה טכנולוגיות פיתוח בחברת מיקרוסופט ואחראי על הקשר בין מיקרוסופט לקהילת המפתחים בארץ.

תגובות בפייסבוק

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!