Menu
CoddyTech

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

חלק מהיחידה יסודות במסלול ה-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 אונליין