יצירת רשימות ב-HTML: מדריך מקיף

יצירת רשימות ב-HTML: מדריך מקיף

למדו כיצד להשתמש ברשימות ממויינות ולא ממויינות ב-HTML כדי לשפר את הסדר והקריאות של דפי האינטרנט שלכם

קל 5,311 צפיות

רשימות ב-HTML הן כלי עוצמתי המאפשרים להציג מידע בצורה מסודרת וקריאה. במדריך זה נלמד על שני סוגים עיקריים של רשימות: רשימות ממויינות (Ordered Lists) ורשימות לא ממויינות (Unordered Lists). רשימות אלו משמשות להצגת רשימות של פריטים, הוראות, או כל מידע אחר שדורש הצגה מסודרת.

1

יצירת רשימה לא ממויינת

רשימה לא ממויינת היא רשימה שבה הפריטים אינם מסודרים לפי סדר מסוים. כדי ליצור רשימה כזו, יש להשתמש בתגית <ul> עבור הרשימה עצמה, ובתגית <li> עבור כל פריט ברשימה. לדוגמה: <ul><li>פריט ראשון</li><li>פריט שני</li></ul>. הדפדפן יציג את הפריטים עם סימני bullet לצד כל פריט.

2

יצירת רשימה ממויינת

יצירת רשימות ב-HTML: מדריך מקיף

רשימה ממויינת היא רשימה שבה הפריטים מסודרים לפי סדר מסוים, כגון מספרים או אותיות. כדי ליצור רשימה כזו, יש להשתמש בתגית <ol> עבור הרשימה עצמה, ובתגית <li> עבור כל פריט ברשימה. לדוגמה: <ol><li>צעד ראשון</li><li>צעד שני</li></ol>. הדפדפן יציג את הפריטים עם מספרים לצד כל פריט.

ניתן לשלוט בסוג המספור ברשימה ממויינת באמצעות התכונה 'type' בתגית <ol>. לדוגמה, <ol type="A"> יציג את הפריטים באותיות גדולות.

ניתן לשלב רשימות בתוך רשימות על ידי הכנסת תגית <ul> או <ol> בתוך תגית <li>.

יש לוודא שכל תגית <li> נמצאת בתוך תגית <ul> או <ol>, ושכל תגית </li> סוגרת תגית <li> פתוחה.

3

שימוש בתכונות נוספות ברשימות

יצירת רשימות ב-HTML: מדריך מקיף

ניתן להשתמש בתכונות נוספות כגון 'start' ב-<ol> כדי לקבוע את מספר ההתחלה של הרשימה, או 'reversed' כדי להציג את הרשימה בסדר הפוך.

רשימות ב-HTML הן כלי שימושי מאוד להצגת מידע בצורה ברורה ומסודרת. באמצעות המדריך הזה, למדתם כיצד ליצור ולעצב רשימות ממויינות ולא ממויינות, וכיצד להשתמש בתכונות שונות כדי לשפר את המראה והפונקציונליות של הרשימות.

מדריכים קשורים

מדריך HTML מספר 5 - תמונות (Img and src)

מדריך HTML מספר 5 - תמונות (Img and src)

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

קל 6K צפיות
מדריך HTML מספר 6 - קישורים (Links)

מדריך HTML מספר 6 - קישורים (Links)

מדריך זה ילמד אתכם כיצד להכניס קישורים באתרכם - קישור יכול להיות מילה, מספר מילים או תמונה המקשרת למסמך אחר.

קל 5K צפיות
מדריך HTML מספר 7 - איך לעשות טבלאות (Tables)

מדריך HTML מספר 7 - איך לעשות טבלאות (Tables)

במדריך זה אסביר כיצד להכין טבלאות בHTML ואפרט על תגי הtable,הtr,הtd והth.

קל 10K צפיות
איך לבנות בית DIY - מדריך שלב אחר שלב

איך לבנות בית DIY - מדריך שלב אחר שלב

למדו איך לבנות בית DIY עם המדריך השלם שלנו. הכינו את השטח, בנו את היסודות, והתקינו גגות וחלונות.

קל 9K צפיות
מדריך HTML מספר 10 - טפסים, שדות וכפתורים (Forms and input fields)

מדריך HTML מספר 10 - טפסים, שדות וכפתורים (Forms and input fields)

שדות וטפסים הם הדרך שלנו להעביר מידע לשרת בכל מיני צורות - צ'ק בוקסים, כפתורי רדיו, שדות קלט, סיסמאות ועוד. במדריך זה נסביר כיצד ליצור טפסים המכילים את הדברים האלו.

קל 8K צפיות
איך להוסיף לייק בוקס(Like box) של פייסבוק בבלוג שלכם בבלוגר (Blogger)

איך להוסיף לייק בוקס(Like box) של פייסבוק בבלוג שלכם בבלוגר (Blogger)

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

בינוני 11K צפיות