این آموزش در تاریخ ۱۳۹۸/۱۱/۰۴ آپدیت شده است.
آموزش تگ tr در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ tr در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Tr در HTML
تگ tr که از کلمه ( Table Row ) گرفته شده است، تگی است که در درون تگ table قرار میگیرد و با استفاده از آن میتوان سطرهای یک جدول را مشخص و یا تعریف نمود.
در درون این تگ ما میتوانیم از تگ های th و td برای ایجاد ستون های جدول مان و یا بطور کلی برای ایجاد سلول های جدول استفاده نماییم.
Free-Learn
مثال از تگ tr در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : جدولی با ۳ سطر و ۳ ستون
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<body> <table> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> <tr> <td>D</td> <td>E</td> <td>F</td> </tr> <tr> <td>D</td> <td>E</td> <td>F</td> </tr> </table> </body> |
مثال شماره ۲ : جدولی با ۲ سطر و ۴ ستون
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<body> <table> <tr> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> <tr> <td>E</td> <td>F</td> <td>G</td> <td>H</td> </tr> </table> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ tr در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ tr در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
(علامت
یعنی در HTML5 پشتیبانی نمی شود.)
| نام صفت | مقدار | توضیح |
|---|---|---|
| align | right left center justify char |
تراز یا موقعیت قرارگیری متن موجود در تگ tr را مشخص میکند. () |
| char | character | تراز محتوای درون تگ tr را بر اساس کاراکتر مشخص میکند. () |
| bgcolor | rgb(x,x,x) xxxxxx# colorname |
رنگ پس زمینه تگ tr را مشخص میکند. () |
| charoff | number | تعداد کاراکترهای موجود در تگ tr را که توسط صفت char مشخص شده است را مشخص میکند. ( ) |
| valign | top middle bottom baseline |
تراز محتوای موجود در تگ tr را بصورت عمودی مشخص میکند. () |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ tr از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
تمامی صفات تگ tr در HTML5 منسوخ شده و پشتیبانی نمی شود، لذا میتوان بجای آنها از CSS استفاده نمود.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ tr را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 4 5 |
tr { display: table-row; vertical-align: inherit; border-color: inherit; } |
