‎‎تيترهاي جدولHTML Table Headers -‎

‎‎جداول درHTML ميتوانند ستوني يا سطري يا براي جدول داراي تيتريا عنوان باشند .

‎‎تيترهاي جدولHTML Table Headers -‎

‎يك تيتر يا عنوان براي عنصري از جدول كه با‎<th>‎ ايجاد ميشود، تعريف ميشود . ‎تيتر دربين‎<th>‎ و‎</tr>‎ قرار ميگيرد.

‎‎مثال ـ تعريف عنوان براي ستون

‎

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

‎

‎‎توجه ـ تيترها بصورت پيش فرض در مركز سلول وپوررنگ نمايش داده ميشوند.

‎‎تيترعموديVertical Table Headers -‎

‎تيتر عمودي درسلولهاي اولين ستون جدول تعريف ميشوند .دراين حالت اولين ستون جدول با ‎<th>‎‎ايجاد ميشود .

‎‎مثال ـ تيتر عمودي براي جدول

‎

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <td>Jill</td>
    <td>Eve</td>
  </tr>
  <tr>
    <th>Lastname</th>
    <td>Smith</td>
    <td>Jackson</td>
  </tr>
  <tr>
    <th>Age</th>  
    <td>50</td>
    <td>94</td>
  </tr>
</table>

‎‎تراز تيترهاي جدولAlign Table Headers -‎

‎‎همانطوريكه يادآوري شد، بصورت پيش فرض آنها در مركز وبصورت پررنگ نمايش داده ميشوند.

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94

‎براي تراز تيتر از ويژگيCSS ‎text-‎align‎ كه داراي مقادير left , right وcenter ‎استفاده ميشود.

‎‎مثال ـ نمايش تيتر سمت چپ سلول

‎

th {
  text-align: left;
}

‎‎تيتر چند ستونيHeader for Multiple Columns -‎

Name		Age
Jill	Smith	50
Eve	Jackson	94

‎براي تعريف تيتر براي چند ستون ازويژگي‎colspan‎ در عنصر ‎<th>‎ ‎استفاده مي شود .مقدار آن تعداد ستونها را معرفي ميكند.

‎

<table style="width:100%">
  <tr>
    <th colspan="2">Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>
</body>
</html>

‎

‎در مورد مجتمع كردن سطرها وستونها در يك سطر وستون مطالب بيشري درفصلTable colspan ‎وTable rowspan ارائه ميشود.

‎‎عنوان جدولHTML Caption -‎

‎مي توان ازعنصر‎<caption>‎ در داخل عنصرtable براي تعريف عنوان جدول استفاده ‎نمود .عنوان در بالاي جدول ودر مركزآن نمايش داده ميشود.

‎

<table style="width:100%">
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$50</td>
  </tr>
</table>

‎

‎نكته ـ تگ‎<caption>‎ بايد بلافاصله بعداز تگ‎<table>‎ قرار ‎بگيرد.

Previous > <Next

‎‎تيترهاي جدولHTML Table Headers -‎