Return to Video

{HTML - רשימות}

  • 0:01 - 0:03
    אתם יודעים מה אני אוהב? רשימות .
  • 0:03 - 0:05
    האם אי פעם עשיתם רשימת "דברים שצריך לעשות" או רשימת קניות
  • 0:05 - 0:07
    האם אי פעם קראתם רשימה דומה לזו בדף אינטרנט
  • 0:07 - 0:10
    "רשימת 10 הכלבים עם הפרצופים הכי מגוחכים"
  • 0:10 - 0:14
    אני בטוחה שכן, כי העולם מלא ברשימות
  • 0:14 - 0:16
    שפת HTML נותנת לנו מספר תגים לבניית רשימות
  • 0:16 - 0:19
    ואנו עומדים לתרגל אותם על ידי בניית
  • 0:19 - 0:24
    רשימת סיבות למה ארנבים הם מצוינים כחיות מחמד
  • 0:25 - 0:27
    כעת, נתחיל עם רשימת שורות עם עיגול קטן בקצה (bullets)
  • 0:27 - 0:30
    אנו צריכים להתחיל עם התג (התג מציין את תחילת הרשימה)
  • 0:31 - 0:32
    מה משמעות התג ?
  • 0:32 - 0:36
    ובכן אפשר להתערב שאתם מבינים כי האות l קשורה למילה list
  • 0:36 - 0:40
    האות u היא קצת יותר טריקית - היא באה מהמילה האנגלית unordered - (כלומר לא מסודר)
  • 0:40 - 0:43
    והכוונה היא שהדפדפן יציג את הרשימה אך לא ייתן מספר לכל פריט ברשימה
  • 0:43 - 0:45
    הדפדפן רק יציג עיגול קטן בתחילת כל פריט שברשימה
  • 0:45 - 0:48
    כדי לראות למה אני מתכוונת, בואו ונוסיף את הפריט הראשון לרשימה
  • 0:48 - 0:50
    "הם פרוותיים" (עם פרווה)
  • 0:50 - 0:52
    רואים את העיגול הקטן בצד ?
  • 0:52 - 0:53
    זה נקרא bullet
  • 0:53 - 0:56
    וכעת, מה אתם חושבים הפירוש של התג ?
  • 0:56 - 1:00
    האות l היא תחילת המילה list (רשימה) והאות i היא מהמילה item כלומר פריט. פריט ברשימה.
  • 1:00 - 1:02
    בכל פעם שנרצה להוסיף פריט נוסף לרשימה,
  • 1:02 - 1:06
    אנו נצטרך להוסיף את התג לפני הפריט (וכמובן אחרי
  • 1:06 - 1:08
    כל תג צריך שיבוא אחריו לפחות תג אחד.
  • 1:08 - 1:12
    כי רשימה ללא פריטים היא די משעממת.
  • 1:12 - 1:14
    טוב, אז בואו נוסיף עוד כמה פריטים לרשימה
  • 1:14 - 1:17
    "שומעים מצוין"
  • 1:17 - 1:22
    "אוכלי שאריות גזרים"
  • 1:22 - 1:25
    טוב, אז זאת רשימה משכנעת למדי.
  • 1:25 - 1:28
    אני לא יודעת מי לא ירצה ארנב אחרי שייקרא את הרשימה הזו
  • 1:28 - 1:30
    אז אני לא נתתי מספרים לרשימה הזו
  • 1:30 - 1:32
    כי אני לא חושבת כי פריט אחד ברשימה
  • 1:32 - 1:34
    הוא יותר חשוב מאיזשהוא פריט אחר ברשימה
  • 1:34 - 1:37
    אבל יש הרבה פעמים אחרות שבהן אנו כן רוצים רשימה ממוספרת (עם מספרים)
  • 1:37 - 1:38
    למשל, אם נרצה לעשות
  • 1:38 - 1:43
    רשימת "3 הארנבים המפורסמים ביותר"
  • 1:45 - 1:47
    אז כדי לבנות את הרשימה הממוספרת שלנו
  • 1:47 - 1:51
    אנו נשתמש בתג במקום התג
  • 1:51 - 1:55
    האם כבר הבנתם מה משמעות התג ?
  • 1:55 - 1:56
    הנה קחו רמז, קצצו את
  • 1:56 - 1:59
    שתי האותיות הראשונות מהמילה הראשונה של התג
  • 1:59 - 2:03
    נכון, במקום unordered list נקבל ordered list
  • 2:03 - 2:05
    וזה ינחה את הדפדפן למספר
  • 2:05 - 2:07
    באופן אוטומטי כל פריט ברשימה
  • 2:07 - 2:10
    גם כאן אנו משתמשים בתג בתחילת כל פריט.
  • 2:10 - 2:12
    שאנו נוסיף לרשימה
  • 2:12 - 2:13
    אז נכניס את "באגס באני" ( Bugs Bunny)
  • 2:13 - 2:16
    נוסיף את "טאמפר" (הארנב מהסרט "במבי" של וולט דיסני)
  • 2:16 - 2:19
    וכמובן לא לשכוח את "Easter Bunny" (הארנב של חג הפסחא)
  • 2:21 - 2:23
    הדבר המאורגן ברשימות ממוספרות הוא
  • 2:23 - 2:25
    שהדפדפן דואג למספור הפריטים בעצמו (ולא אנחנו)
  • 2:25 - 2:28
    כלומר אם נארגן את הפריטים בסדר שונה, נמחק או נוסיף
  • 2:28 - 2:30
    תמיד הדפדפן יעדכן את מספור הפריטים בהתאם
  • 2:30 - 2:32
    זה כמו שכל מה שתגידן לי זה
  • 2:32 - 2:34
    אנחנו לא יודעים מי זה "Thumper"
  • 2:34 - 2:36
    אז בהתחלה כל מה שאני אגיד שאתם צריכים
  • 2:36 - 2:37
    לראות את הסרט במבי
  • 2:37 - 2:39
    אבל אז אני אזיז בחוסר רצון
  • 2:39 - 2:41
    את השם "Thumper" לתחתית הרשימה
  • 2:41 - 2:44
    ועכשיו "Thumper" המסכן הוא עם מספר 3
  • 2:44 - 2:47
    אז עכשיו יש לכם כל מה שאתם צריכים לדעת כדי לעשות רשימות
  • 2:47 - 2:50
    התקדם קדימה וצר רשימות עבור כל דבר.
Title:
{HTML - רשימות}
Description:

{יצירת רשימות בעמודי HTML.}
more » « less
Video Language:
English
Duration:
02:51

Hebrew subtitles

Revisions

Our website uses cookies for analysis purposes.