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