מדריך HTML » לימוד HTML באינטרנט » מדריך HTML למתחילים » רשימות ב- HTML

רשימות ב- HTML

רשימות ב – HTML עוזרות לסידור, הצגה ואיתור של טקסטים באתרים ומומלץ מאוד להשתמש בהן.
ישנן 3 סוגי רשימות ב – HTML :

  1. רשימות תבליטים
  2. רשימות סידוריות
  3. רשימות מוגדרות

בחלק זה אלמד את 2 הסוגים הראשונים ובמדריך HTML למתקדמים אלמד את הסוג השלישי.
2 הסוגים הראשונים, דומים מאוד ולמעשה השוני היחיד הוא ההצגה רשימת תבליטים מול רשימה מספרית/סידורית.

על מנת ליצור רשימות תבליטים יש להשתמש בתגית ul (Unordered List) ועל מנת ליצור רשימות סידוריות יש להשתמש בתגית ol (Ordered Lists). חזור לעמוד שיצרת בשלבים הקודמים, myhtmlpage.html, וערוך אותו בצורה הבאה :


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4.     <title>עמוד האינטרנט הראשון שלי</title>
  5. </head>
  6. <body>
  7.     <h1>עמוד האינטרנט הראשון שלי</h1>
  8.     <h2>למה זה ?</h2>
  9.         <ul>
  10.             <li>בשביל ללמוד הטמל</li>
  11.             <li>בשביל לבנות אתר לחברה שלי </li>
  12.             <li>בשביל להרוויח 10,000 שקל בחודש</li>
  13.         </ul>
  14. </body>
  15. </html>

אם תסתכל על הקוד הנ"ל בדפדפן, תוכל לצפות ברשימה טקסטואלית בעלת תבליטים בצד.
אם תשנה את התגית ul בתגית ol תוכל להפוך את הרשימה לרשימה מספרית.

רשימות מקוננות

שפת HTML מאפשרת לך לבצע קינון של רשימות, כלומר לשרשר רשימה תחת רשימה.
הקוד הבא, מציג רשימה מקוננת :

  1. <ul>
  2.     <li>בשביל ללמוד הטמל</li>
  3.     <li>
  4.         בגלל ש..
  5.         <ol>
  6.             <li>אני מסוגל</li>
  7.             <li>אני יכול להשוויץ בזה מול החברים שלי</li>
  8.             <li>משעמם לי</li>
  9.             <li>אני אוהב את המחשב שלי ורוצה להחזיר לו האהבה.</li>
  10.         </ol>
  11.     </li>
  12.     <li>בלה בלה</li>
  13. </ul>

כמובן שבאפשרותך להמשיך ולשרשר רשימות אחת תחת השניה ללא הגבלה...

עמודים רלוונטים

דוגמאות קוד

  • רשימה בסיסית
  • רשימה מקוננת

רפרנס

  • תגית ul
  • תגית ol
  • תגית li