רשימות ב- HTML
רשימות ב – HTML עוזרות לסידור, הצגה ואיתור של טקסטים באתרים ומומלץ מאוד להשתמש בהן.
ישנן 3 סוגי רשימות ב – HTML :
- רשימות תבליטים
- רשימות סידוריות
- רשימות מוגדרות
בחלק זה אלמד את 2 הסוגים הראשונים ובמדריך HTML למתקדמים אלמד את הסוג השלישי.
2 הסוגים הראשונים, דומים מאוד ולמעשה השוני היחיד הוא ההצגה רשימת תבליטים מול רשימה מספרית/סידורית.
על מנת ליצור רשימות תבליטים יש להשתמש בתגית ul (Unordered List) ועל מנת ליצור רשימות סידוריות יש להשתמש בתגית ol (Ordered Lists). חזור לעמוד שיצרת בשלבים הקודמים, myhtmlpage.html, וערוך אותו בצורה הבאה :
אם תסתכל על הקוד הנ"ל בדפדפן, תוכל לצפות ברשימה טקסטואלית בעלת תבליטים בצד.
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">- <html>
- <head>
- <title>עמוד האינטרנט הראשון שלי</title>
- </head>
- <body>
- <h1>עמוד האינטרנט הראשון שלי</h1>
- <h2>למה זה ?</h2>
- <ul>
- <li>בשביל ללמוד הטמל</li>
- <li>בשביל לבנות אתר לחברה שלי </li>
- <li>בשביל להרוויח 10,000 שקל בחודש</li>
- </ul>
- </body>
- </html>
אם תשנה את התגית ul בתגית ol תוכל להפוך את הרשימה לרשימה מספרית.
רשימות מקוננות
שפת HTML מאפשרת לך לבצע קינון של רשימות, כלומר לשרשר רשימה תחת רשימה.
הקוד הבא, מציג רשימה מקוננת :
כמובן שבאפשרותך להמשיך ולשרשר רשימות אחת תחת השניה ללא הגבלה...
- <ul>
- <li>בשביל ללמוד הטמל</li>
- <li>
- בגלל ש..
- <ol>
- <li>אני מסוגל</li>
- <li>אני יכול להשוויץ בזה מול החברים שלי</li>
- <li>משעמם לי</li>
- <li>אני אוהב את המחשב שלי ורוצה להחזיר לו האהבה.</li>
- </ol>
- </li>
- <li>בלה בלה</li>
- </ul>