HTML/רשימות

מתוך ויקיספר, אוסף ספרי הלימוד והמדריכים החופשי.

ל-HTML תווים מיוחדים להצגת רשימות במסמך. יש שלוש סוגי רשימות. רשימה עם כוכביות, רשימה ממוספרת, ורשימת הגדרות.

שלושת סוגי הרשימות שנלמד (ul, ol, dl) הן אלמנטים מסוג גוש ולכן, למשל, אסור להן להיות צאצאיות של p. אין להן לעומת זאת, בעיה להיות צאצאיות של body.

[עריכה] רשימה עם כוכביות

את הרשימה יש ליצור עם האלמנט ul. (פירוש הקיצור unorderd list - רשימה לא ממוספרת). לאלמנט ul מותר שיהיו בנים רק מסוג אחד: אלמנטים מסוג li (פירוש הקיצור list item - פריט ברשימה). כל אלמנט li בתוך אלמנט ul הוא פריט ברשימה ויסומן בכוכבית. חובה שיהיה לפחות פריט אחד ברשימה.

לדוגמה:

<ul>
    <li> פריט אחד </li>
    <li> פריט שני </li>
    <li> פריט שלישי </li>
</ul>

פלט:

בתוך ul יש רק פריטים מסוג li! בתוך li ניתן לשים טקסט ואלמנטים רבים אחרים.

[עריכה] רשימה ממוספרת

את הרשימה יש ליצור עם האלמנט ol. (פירוש הקיצור orderd list - רשימה ממוספרת). לאלמנט ol מותר שיהיו בנים רק מסוג אחד: אלמנטים מסוג li (פירוש הקיצור list item - פריט ברשימה). כל אלמנט li בתוך אלמנט ol הוא פריט ברשימה ויסומן במספר עוקב לקודמו. חובה שיהיה לפחות פריט אחד ברשימה.

לדוגמה:

<ol>
    <li> פריט אחד </li>
    <li> פריט שני </li>
    <li> פריט שלישי </li>
</ol>

פלט:

בתוך ol יש רק פריטים מסוג li! בתוך li ניתן לשים טקסט ואלמנטים רבים אחרים.

[עריכה] רשימת הגדרות

את הרשימה יש ליצור עם האלמנט dl. (פירוש הקיצור definition list - רשימת הגדרות). לאלמנט dl מותר שיהיו בנים משני סוגים: אלמנטים מסוג dt (פירוש הקיצור definition list: term - מונח ברשימת הגדרות) ואלמנטים מסוג dd (פירוש הקיצור definition list: definition - הגדרה ברשימת הגדרות). לרוב הם יופיעו בזוגות. קודם dt עם המונח, ואחר-כך dd עם ההגדרה שלו. לדוגמה:

<dl>
    <dt> HTML </dt>
    <dd> פורמט ליצירת דפי אינטרנט </dd>

    <dt> CSS </dt>
    <dd> פורמט לעיצוב דפי HTML </dd>

    <dt> Javascript </dt>
    <dd> שפת תסריטים להעשרת דפי אינטרנט </dd>
</dl>

פלט:

• בתוך dl יש רק פריטים מסוג dt ו- dd! בתוכם ניתן לשים טקסט ואלמנטים רבים אחרים.
• ל-dd מותר שיהיו בנים מרוב הסוגים. ל-dt לעומת זאת מותר להכיל רק אלמנטים מסוג שורה.

[עריכה] רשימה בתוך רשימה

ניתן להכניס רשימה בתוך רשימה. הכלל הוא כזה: בתוך li ו- dd מותר לשים תת-רשימות מסוג ul, ol או dl. אסור לשים רשימה כצאצא ישיר של רשימה אחרת, אלא כצאצא ישיר של פריט ברשימה (li ו- dd). ב-dt אסור להכניס עוד רשימות.

דוגמה 1:

<ul>
  <li> פריט אחד </li>
  <li> פריט שני
      <ul>
        <li> תת-פריט ראשון </li>
        <li> תת-פריט שני
             <ol>
               <li> ממוספר 1 </li>
               <li> ממוספר 2 
                    <ol>
                      <li> תת-ממוספר 1 </li>
                      <li> תת-ממוספר 2 </li>
                    </ol>
               </li>
               <li> ממוספר 3 </li>
             </ol>
        </li>
        <li> תת-פריט שלישי </li>
        <li> תת-פריט רביעי </li>
     </ul>
  </li>
  <li> פריט שלישי </li>
</ul>

פלט:

[עריכה] מפרטים

• ul
• ol
• li
• dl
• dd
• dt

[עריכה] ניווט