این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Colspan در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Colspan در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Colspan در HTML
صفت colspan
صفتی است که با استفاده از آن میتوان ستون های یک جدول را با همدیگر ادغام کرد و همچنین با استفاده از صفت rowspan
میتوان سطرهای یک جدول را باهمدیگر ادغام کرد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
<td> | <th> |
Free-Learn
مثال از صفت Colspan در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : ادغام کردن ستون ها
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<table> <tr> <th>نام</th> <th>فامیلی</th> </tr> <tr> <td>صادق</td> <td>اسدی</td> </tr> <tr> <td colspan="2">سایت آموزشی فری لرن</td> </tr> </table> |
مثال شماره ۲ : ادغام کردن سطرها
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<body> <table> <tr> <td rowspan="2">A</td> <td>B</td> <td>C</td> </tr> <tr> <td>D</td> <td>E</td> </tr> </table> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت colspan
در HTML پشتیبانی میکنند یا خیر.
نام تگ | Chrome | Firefox | Opera | Safari | Edge |
td | بله | بله | بله | بله | بله |
th | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
1 2 |
<th colspan="Number"> <td colspan="Number"> |
Free-Learn
جدول مقادیر صفت Colspan در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
مقدار | توضیح |
---|---|
Number | یک عدد که تعداد ستون هارو برای ادغام شدن مشخص میکنه |
Free-Learn
نکات و توضیحات
- از صفت colspan برای ادغام کردن ستون ها و از صفت rowspan برای ادغام کردن سطرها استفاده میشه.