فروشگاه همواره تخفیف 2050
0 محصولات نمایش سبد خرید

هیچ محصولی در سبد خرید نیست.

تگ colgroup در HTML

ذهن انسان محدودیت نداره

کاربرد تگ colgroup در HTML

تگ colgroup نشانگر گروهی از یک یا چند ستون در یک جدول در یک سند HTML است.

می توان از آن برای اعمال استایل در یک یا چند ستون استفاده کرد. این می تواند مفید باشد زیرا نیاز به اعمال سبک ها در سطح <td> فردی را از بین می برد.

از تگ <colgroup> باید به عنوان زیر مجموعه یک برچسب یا تگ <table> ، بعد از هر تگ <caption> و قبل از هر تگ <thead> ، <tbody> ، <tfoot> و <tr> استفاده شود.

Syntax

تگ (برچسب) <colgroup> به عنوان <colgroup> </colgroup> نوشته شده است. این می تواند یک ویژگی دهانه داشته باشد ، که مشخص می کند چند ستون برای طول دهانه است ، یا می تواند شامل یک یا چند برچسب <col> باشد ، که می تواند برای نشان دادن ستون های مختلف در درون عنصر <colgroup> استفاده شود.

مثل این:

<table>
    <colgroup span="" class="">
    </colgroup>
    <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
</table>

یا این:

<table>
    <colgroup>
        <col class=""></col>
        <col class=""></col>
        <col class=""></col>
    </colgroup>
    <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
</table>

مثال ها

استفاده اولیه از برچسب

در این مثال ما از تگ <colgroup> استفاده می کنیم تا دو ستون اول یک جدول سه ستونی بپیچد (و ما یک رنگ زمینه را برای آنها اعمال می کنیم).

Header 1Header 2Header 3
CellCellCell
CellCellCell

عناصر چندگانه colgroup

برای نشان دادن گروههای مختلف ستون در یک جدول می توانید از چندین برچسب <colgroup> استفاده کنید. در اینجا ، ما از دو عنصر <colgroup> استفاده می کنیم. ستون اول دو ستون اول را نشان می دهد ، در حالی که دومین ستون سوم را نشان می دهد.


مثال:

Header 1Header 2Header 3
CellCellCell
CellCellCell

مثالی از تگ col

اگر شما نیاز به ویژگی های مختلفی را در یک ستون در یک colgroup دارید ، می توانید از برچسب <col> در برچسب <colgroup> استفاده کنید.

Header 1Header 2Header 3Header 4Header 5
CellCellCellCellCell
CellCellCellCellCell
AttributeDescription
spanتعداد ستون های دهانه را مشخص می کند. در صورت وجود عناصر <col> در این برچسب <colspan> ، این ویژگی نباید مورد استفاده قرار گیرد. مقدار این ویژگی باید یک عدد صحیح غیر منفی معتبر از صفر باشد.

برگزار کنندگان رویداد

ویژگی های محتوای کنترل کننده رویداد به شما امکان می دهد اسکریپتی را از درون HTML خود استناد کنید. وقتی یک “رویداد” خاص رخ می دهد ، از فیلمنامه استفاده می شود. هر ویژگی محتوای کنترل کننده رویداد با یک رویداد متفاوت سروکار دارد.

تگ HTML

دیدگاه‌های نوشته