מאמרים אחרונים מאמרים אחרונים
14/11/2019 20:00
מה עושה קידום אתרים בגוגל (SEO) לקידום אתרים איכותי? איך עושים קידום אתרים נכון? במה מיוחד קידום אתר...
23/01/2019 15:14
אנו במיזם גרופ קיבלנו את תו אמון הציבור להגינות בעסקים.
24/10/2018 19:39
מתכנן הקמת חנות מתנות מקוונת? אספנו עבורך כל מה שחשוב לדעת לפני שאתה יוצא לדרך.
15/09/2018 19:27
יש לך עסק למכירת רהיטים או שאתה מתכנן אחד כזה בקרוב? קרא איך הקמת חנות וירטואלית למכירה של רהיטים בא...
06/09/2018 18:05
מחשבים זו אהבת חייך? האם חשבת למכור מחשבים, טלפונים סלולריים, קונסולות משחק וציוד היקפי באינטרנט? המ...
תגובות אחרונות תגובות אחרונות
תהליך בניית אתרים
17/10/2019 13:13
אחלה מאמר! ערך מעולה!
בניית חנות וירטואלית
29/08/2018 13:50
חברה לבניית אתר וחנות וירטואלי...
שפת שרת מול שפת לקוח
04/07/2018 15:45
היי, השפות PHP ו-PYTHON שתי...

תגית ol, ul, li

»
»
תגית ol, ul, li

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

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

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

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

Ordered List

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

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

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

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

Unordered List

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

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

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

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

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
אנונימי
שלום,תודה על ההסברים אך האם תוכלו לפרט על כל מהלך?

רוצה שנקפיץ גם את העסק שלך?

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

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

 

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

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