וובמאסטר - תיכנות ובניית אתרים

מדריך HTML - תגיות נפוצות: רשימות

גיא בורשטיין/‏ 5 מרץ, 2004
F+
F-

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

גיא בורשטיין

גיא בורשטיין הוא מומחה טכנולוגיות פיתוח בחברת מיקרוסופט ואחראי על הקשר בין מיקרוסופט לקהילת המפתחים בארץ.
תגיות: HTML‏  /  מדריך‏  /  בניית אתרים‏  

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

תגובות למאמר



תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות