Menu
Coddy logo textTech

סיכום – טבלאות

חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 51 מתוך 60.

challenge icon

אתגר

קל

צרו מסמך HTML שכולל טבלה עם כל הרכיבים שלמדנו עד כה:

  1. תג <table> להגדרת הטבלה, עם מאפיין border שמוגדר ל-"1" כדי שהטבלה תהיה גלויה.
  2. תג <caption> עם הטקסט "Employee Information" לתיאור הטבלה.
  3. שורת טבלה (<tr>) לכותרת, עם שלושה תאי כותרת (<th>). הכותרת הראשונה צריכה להשתרע על פני שתי עמודות ולהציג את הטקסט "Employee Details", השנייה צריכה להציג את הטקסט "Department", והשלישית צריכה להציג את הטקסט "Salary".
  4. שורת טבלה (<tr>) עם תא נתונים (<td>) שמשתרע על פני שתי שורות ושתי עמודות ומכיל את הטקסט "John Doe", תא נתונים (<td>) שמציג את הטקסט "Sales", ותא נתונים (<td>) שמציג את הטקסט "$50,000".
  5. שורת טבלה נוספת (<tr>) עם תא נתונים (<td>) שמציג את הטקסט "Marketing" ותא נתונים (<td>) שמציג את הטקסט "$60,000".
  6. שורת הטבלה האחרונה (<tr>) עם תא נתונים (<td>) שמשתרע על פני שתי עמודות ומציג את הטקסט "Jane Smith", תא נתונים (<td>) שמציג את הטקסט "IT", ותא נתונים (<td>) שמציג את הטקסט "$70,000".

נסו בעצמכם

<!DOCTYPE html>
<html>
    <body>
        <!-- כתבו כאן קוד -->
    </body>
</html>

כל השיעורים ביחידה יסודות

תרגלו בעצמכם: Web אונליין