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