יצירת קשר עם חברת בניית אתרים צור קשר

 077-7644819
חייגו או השאירו הודעתכם

 
מאמרים אחרונים מאמרים אחרונים
15/02/2022 22:51
ככה תיבנו חנות וירטואלית מותאמת סלולר שתשפר את חוויית המשתמש ותגדיל את ההמרות.
03/02/2022 0:06
תקן HTML5 לצד הלקוח באתרי אינטרנט הוא התקן המוביל בימינו. קראו על היתרונות של התקן.
31/01/2022 15:40
בניית אתר אינטרנט בשפת צד השרת PHP היא בחירה חכמה בשפת פיתוח ותיקה, מובילה ומהירה.
תגובות אחרונות תגובות אחרונות
מדריך CSS - מתחילים
17/01/2022 19:35
היי, עיצוב עושים עם CSS, ולא ...
מדריך CSS - מתחילים
16/01/2022 20:41
האם יש אפשרות לעצב רקע בתוך דף...
מדריך CSS - מתחילים
18/11/2021 10:18
היי ינון, אתה צריך את הטקסט ש...
תגובות אחרונות פוסטים אחרונים בפורום
27/06/2022 23:53
שלום רב, ישנה בעיה קטנה בא...
27/06/2022 23:51
שלום! הבעיה שלי אסביר אותה הר...
27/06/2022 23:49
הי,כיצד כדאי להשקיע בשיווק של ...

תגית ol, ul, li

  1. דף הבית
  2. מדריך HTML5
  3. תגית ol, ul, li

מדריך ליצירת רשימות ב-HTML5.

יצירת רשימה ב-HTML5

ב-HTML5 קיימים שלושה סוגים של רשימות:

  • רשימה ממוספרת/ממויינת (Ordered List)
  • רשימת בולטים (Unordered List)
  • רשימה עם הגדרות (Definition List)

בתוך כל פריט ברשימה ניתן להכניס טקסט, קישור, תמונה או רשימה נוספת.

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

תגית ol והגדרת רשימת Ordered List

רשימה ממוספרת היא רשימה שהפריטים שלה ממוספרים לפי הסדר, כמו למשל בדוגמה הבאה:

  1. חלבונים
  2. פחמימות
  3. שומנים

כדי ליצור רשימה ממוספרת ב-html, משתמשים בתגית ol הפותחת את הרשימה, ויש לה תגית סגירה בסוף הרשימה. כל פריט ברשימה זו יהיה בתוך תגית li, כך:

<ol>
  <li>חלבונים</li>
  <li>פחמימות</li>
  <li>שומנים</li>
</ol>

תגית ul והגדרת רשימת Unordered List

רשימת בולטים הינה רשימה שבה במקום מספור, מסומנים הפריטים בבולטים שחורים בד"כ, באופן הבא:

  • ירושלים
  • תל אביב
  • חיפה

כדי ליצור רשימת בולטים, משתמשים בתגית ul כאשר גם כאן כל פריט ברשימה נמצא בתוך תגית li, כמו בדוגמה הבאה:

<ul>
  <li>ירושלים</li>
  <li>תל אביב</li>
  <li>חיפה</li>
</ul>

תגית dl והגדרת רשימת Definition List

זוהי רשימה המכילה הגדרה או הסבר עבור כל פריט שנמצא בה, למשל:

ירושלים
- בירת ישראל
תל אביב
- בירת התרבות של ישראל

ליצירת רשימה כזו משתמשים בתגית dl, כאשר בתוכה התגית dt המגדירה את הפריטים ברשימה, והתגית dd שבה נמצא התיאור או ההסבר שרוצים להוסיף לכל פריט:

<dl>
  <dt>ירושלים</dt>
  <dd>- בירת ישראל</dd>
  <dt>תל אביב</dt>
  <dd>- בירת התרבות של ישראל</dd>
</dl>

 

הוספת תגובה

הגדרת כיווניות הטקסט

17/06/2018 22:31
דוד כהן
הצד של המיספור מופיע בהתאם להגדרות הכיווניות של העמוד.
ככל הנראה מוגדר אצלך בקובץ ה-CSS המאפיין direction:ltr ואתה צריך לשנותו שיהיה direction:rtl.

איך עושים שיהיה מימין

17/05/2018 21:40
ליאור
איך עושים שהמספור יהיה מצד ימין לכתב?

רשימה דינמית

19/08/2014 20:33
דוד כהן
היי,
אם כוונתך שהרשימה תהיה מבוססת על מידע מבסיס נתונים למשל, אזי יש צורך להעזר בקוד צד שרת (כגון PHP) אשר יחולל בזמן אמת את הרשימה. קוד HTML / XHTML לבדו (ללא קוד צד שרת) הוא לעולם יהיה סטטי.
תודה,
דוד

רשימה דינאמית

19/08/2014 9:33
נענע
יש אפשרות לעשות כזו רשימה דינאמית?

הסבר לא מובן

07/02/2013 20:06
אנונימי
שלום,תודה על ההסברים אך האם תוכלו לפרט על כל מהלך?
YouTube previewPlay

שנקפיץ יחד את העסק שלך לגבהים חדשים?

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

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

 

אל תהססו! מלאו את הטופס או התקשרו עכשיו 077-7644819

 
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: