סיכום – טבלאות
חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 51 מתוך 60.
אתגר
קלצרו מסמך HTML שכולל טבלה עם כל הרכיבים שלמדנו עד כה:
- תג
<table>להגדרת הטבלה, עם מאפייןborderשמוגדר ל-"1" כדי שהטבלה תהיה גלויה. - תג
<caption>עם הטקסט "Employee Information" לתיאור הטבלה. - שורת טבלה (
<tr>) לכותרת, עם שלושה תאי כותרת (<th>). הכותרת הראשונה צריכה להשתרע על פני שתי עמודות ולהציג את הטקסט "Employee Details", השנייה צריכה להציג את הטקסט "Department", והשלישית צריכה להציג את הטקסט "Salary". - שורת טבלה (
<tr>) עם תא נתונים (<td>) שמשתרע על פני שתי שורות ושתי עמודות ומכיל את הטקסט "John Doe", תא נתונים (<td>) שמציג את הטקסט "Sales", ותא נתונים (<td>) שמציג את הטקסט "$50,000". - שורת טבלה נוספת (
<tr>) עם תא נתונים (<td>) שמציג את הטקסט "Marketing" ותא נתונים (<td>) שמציג את הטקסט "$60,000". - שורת הטבלה האחרונה (
<tr>) עם תא נתונים (<td>) שמשתרע על פני שתי עמודות ומציג את הטקסט "Jane Smith", תא נתונים (<td>) שמציג את הטקסט "IT", ותא נתונים (<td>) שמציג את הטקסט "$70,000".
נסו בעצמכם
<!DOCTYPE html>
<html>
<body>
<!-- כתבו כאן קוד -->
</body>
</html>כל השיעורים ביחידה יסודות
תרגלו בעצמכם: Web אונליין