מודול: תגיות נוספות ומתקדמות קורס: HTML

תגיות נוספות ומתקדמות – מיני-פרויקט

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

יש להתחבר למערכת.

כדי לגשת אל התרגולים, עליך להתחבר לחשבון המשתמש שלך.

בפרויקט זה תבנה דף HTML שמשלב:

  • תגיות META בסיסיות

  • נגן אודיו (AUDIO)

  • נגן וידאו (VIDEO)

  • IFRAME להטמעת תוכן חיצוני

  • תגיות סמנטיות (header, nav, main, section, article, footer)

  • שימוש ב־div ו־span לחלוקה לוגית

  • הוספת תכונת title לריחוף עכבר

  • עבודה מסודרת עם תיקיית media לקבצי מדיה

המטרה: ליצור עמוד שנראה כמו “מיני מגזין” שבו יש כותרת, אזור תוכן, מדיה משולבת, ותוכן מובנה וסמנטי.

טעימה מהצעדים במיני-פרויקט

זו רק הצצה לשלבים הראשונים. ביצוע מלא נפתח אחרי התחברות.
1

שלב 1: פתיחת הפרויקט וסידור קבצים

  1. חלץ את קובץ ה-ZIP של הפרויקט.
  2. פתח את התיקייה ב-VS Code.
  3. אתר את הקובץ index.html ואת התיקייה media/.
  4. אם יש לך קבצי אודיו/וידאו, העתק אותם לתוך media.
2

שלב 2: תגיות META וכותרת הדף

3

שלב 3: מבנה סמנטי של הדף

במצב מחובר תוכל לראות את כל הצעדים, לסמן בוצע, להעלות ZIP ולקבל משוב מהמדריך.

כבר יש לך משתמש? התחבר ותוכל להמשיך מאיפה שעצרת במודולים ובמיני-פרויקטים.
Skip to content