[آموزش html] همگام با مای بی بی ایران برای فراگیری html

[Pars]

صفت های <tr>

align : تعیین چینش متن در سلول های آن ردیف. دارای یکی از مقدار های center و left و right و justify
bgcolor : رنگ پس زمینه ردیف
valign : تعیین تراز عمودی متن در سلول های یک ردیف و دارای مقدار های زیر:
- top : قرارگیری در بالای سلول
- middle قرارگیری در میانه
- bottom قرار گیری در پایین
- baseline : محتوای سلول را با اولین خطی که محتوای سلول ها از آن آغاز می شود همتراز می کند.

صفت های <th> و <td>
abbr : مخففی از محتوای سول
نمونه

کد:

<td abbr='BMI'>Bank Melli Iran</td>

align : تعیین چینش متن در سلول
valign : تعیین تراز عمودی متن در سلول
bgcolor : رنگ پس زمینه سلول
width : عرض سلول
height : طول سلول
nowrap : از شکسته شدن متن داخل سلول جلوگیری می کند (متن در یک خط ادامه پیدا کند)
colspan : برای یکی کردن سلول ها در یک عرض. عددی صحیح را به عنوان مقدار می پذیر که بیانگر تعداد ستون یکی شده می باشد.
نمونه:

کد:

<table border="2">
<tr>
<th colspan="3">Work Contact Points</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>

rowspan : مانند قبلی اما برای یکی کردن چند سلول به طور عمودی (ستونی)


تگ <caption>
برای ایجاد عنوان برای جدول استفاده می شود. بعد از تگ آغازین <table> و قبل از شروع تگ نخستین ردیف استفاده می شود. به صورت پیش فرض مرورگر ها متن داخل این تگ را در بالا و وسط جدول نمایش می دهند. این تگ از صفت align پشتیبانی می کند.


تمرین:

کد:

<table border="1">
<caption>MyBB</caption>
<tr>
<td colspan="2">1</td>
<td>3</td>
<td rowspan="3">یکی شده به صورت عمودی</td>
</tr>
<tr>
<td rowspan="2">4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
</table>

نکته: استفاده از صفت ها در تگ ها تنها با تمرین زیاد برای شما راحت خواهد شد.
آنچه روشن است، اچ تی ام ال بسیار کوتاه می باشد و شما می توانید با کمتر از 1 هفته تمرین مفید آن را برای همیشه یاد بگیرید.