תגית
<colgroup> מאפשרת לקבץ קבוצת עמודות בתוך טבלה ולהחיל עליהם מאפיינים עיצוביים באמצעות תגיות
<col>. השימוש בתגית
<colgroup> יחד עם
<col> עוזר לייעל את התהליך של עיצוב עמודות מרובות על ידי הגדרת מאפיינים עיצוביים עבור כל עמודה או קבוצת עמודות בבת אחת.
כיצד להשתמש בתגית
<colgroup>:
-
מיקום: מניחים את תגית
<colgroup> בתוך תגית
<table> לפני השורות המייצגות את תוכן הטבלה.
-
תוכן: בתוך תגית
<colgroup>, ניתן להוסיף תגיות
<col> שמגדירות את המאפיינים של כל עמודה או קבוצה של עמודות.
-
שימוש: המאפיינים שניתן להחיל על העמודות כוללים צבע רקע, רוחב, גבולות ועוד.
דוגמה לשימוש בתגית
<colgroup>:
<html>
<head>
<title>דוגמה</title>
</head>
<body>
<table border="1">
<colgroup>
<col style="background-color: #f0f0f0">
<col style="background-color: #e0e0e0">
</colgroup>
<tr>
<td>תא 1</td>
<td>תא 2</td>
</tr>
</table>
</body>
</html>
בדוגמה זו, תגיות
<col> בתוך תגית
<colgroup> קובעות את צבע הרקע עבור העמודות בטבלה. תגית
<colgroup> מקנה לך שליטה על עיצוב עמודות מסוימות בצורה מאורגנת ויעילה.
שימוש בתגית
<colgroup> תורם לשיפור העיצוב והארגון של טבלאות, ומקל על ניהול העיצוב של עמודות מרובות בו זמנית.
