تگ های colgroup, tfoot, thead, tbody در HTML

تگ های colgroup, tfoot, thead, tbody در HTML :

در زبان HTML، برای نمایش جدول‌ها از تگ های مختلفی استفاده می‌شود. این تگ ها شامل colgroup، tfoot، thead و tbody هستند. در این مقاله، به بررسی هر یک از این تگ ها و کاربردهای آنها خواهیم پرداخت.

تگ colgroup در HTML
تگ colgroup به عنوان یک container برای تعریف تعدادی سلول در یک ستون در جدول مورد استفاده قرار می‌گیرد. با استفاده از این تگ، می‌توانید تعدادی سلول را در یک ستون تعریف کنید و به آن ستون استایل دهی کنید. برای استفاده از این تگ، باید از اتریبیوت span استفاده کنید و تعداد سلول‌ها را مشخص کنید. به عنوان مثال:

با استفاده از این کد، سه ستون جدول تعریف شده‌است.

تگ tfoot در HTML
تگ tfoot به عنوان container برای تعریف فوتر جدول مورد استفاده قرار می‌گیرد. این تگ باید بعد از تگ tbody در کد HTML نوشته شود. با استفاده از این تگ، می‌توانید فوتر جدول را تعریف کرده و به آن استایل دهی کنید. به عنوان مثال:

در این مثال، تگ tfoot برای تعریف فوتر جدول استفاده شده است.

تگ thead در HTML
تگ thead به عنوان container برای تعریف هدر جدول مورد استفاده قرار می‌گیرد. این تگ باید بعد از تگ colgroup و قبل از تگ tbody در کد HTML نوشته شود. با استفاده از این تگ، می‌توانید هدر جدول را تعریف کرده و به آن استایل دهی کنید. به عنوان مثال:

در این مثال، تگ thead برای تعریف هدر جدول استفاده شده است.

تگ tbody در HTML
تگ tbody به عنوان container برای تعریف محتوای جدول مورد استفاده قرار می‌گیرد. این تگ باید بعد از تگ thead در کد HTML نوشته شود. با استفاده از این تگ، می‌توانید محتوای جدول را تعریف کرده و به آن استایل دهی کنید. به عنوان مثال:

در این مثال، تگ tbody برای تعریف محتوای جدول استفاده شده است.

با استفاده از تگ های مختلف در HTML، می‌توانید جدول‌هایی با طرح بندی دلخواه خود بسازید. این تگ ها به عنوان container های مختلف، به شما امکان می‌دهند تا ستون‌ها، ردیف‌ها، هدر و فوتر جدول را به صورت مجزا تعریف کنید و به آنها استایل دهی کنید.