ایچ تی ام ال <caption> ٹیگ

ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ

<caption> ਟੈਗ ਦਾ ਮਕਸਦ ਸਾਰੂਚੀ ਦੀ ਟਾਈਟਲ ਨਿਰਧਾਰਤ ਕਰਨਾ ਹੈ。

caption ਟੈਗ ਟੇਬਲ ਟੈਗ ਦੇ ਬਾਅਦ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ। ਤੁਸੀਂ ਹਰ ਸਾਰੂਚੀ ਲਈ ਇੱਕ ਹੀ ਟਾਈਟਲ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ।

ਸੁਝਾਅ:ਮੂਲ ਰੂਪ ਵਿੱਚ, ਸਾਰੂਚੀ ਦੀ ਟਾਈਟਲ ਸਾਰੂਚੀ ਉੱਪਰ ਮੱਧ ਵਿੱਚ ਮੱਧ ਸਥਿਤ ਹੁੰਦੀ ਹੈ। ਲੇਕਿਨ CSS ਗੁਣ text-align ਅਤੇ caption-side ਨਾਲ ਟਾਈਟਲ ਦੀ ਸਥਿਤੀ ਅਤੇ ਸਥਾਨ ਨਿਰਧਾਰਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。

ਇਸ ਦੇ ਅਲਾਵਾ ਦੇਖੋ:

HTML DOM ਸੂਚਨਾ-ਕੋਸ਼:Caption ਦਾ ਆਬੋਧਕ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਟਾਈਟਲ ਵਾਲੀ ਸਾਰੂਚੀ:

<br>
  <caption>ਹਰ ਮਹੀਨੇ ਦਾ ਬੰਦਾਰ</caption>
  <th>ਜਮੂਨਾ</th>
    <caption style="caption-side:bottom">ਮੇਰੇ ਜਮੂਨਾ</caption>
    <th>ਮਹੀਨਾ</th>
  <td>￥3000</td>
  <th>ਜਮੂਨਾ</th>
    <tr>
    <td>ਜਨਵਰੀ</td>
  <td>￥3000</td>
</tr>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਸਥਾਨਿਕ ਸਾਰੂਚੀ ਦੀ ਟਾਈਟਲ (CSS ਦੀ ਵਰਤੋਂ):

<br>
  <caption style="text-align:right">ਮੇਰਾ ਬੰਦਾਰ</caption>
  <th>ਜਮੂਨਾ</th>
    <caption style="caption-side:bottom">ਮੇਰੇ ਜਮੂਨਾ</caption>
    <th>ਮਹੀਨਾ</th>
  <td>￥3000</td>
  <th>ਜਮੂਨਾ</th>
    <tr>
    <td>ਜਨਵਰੀ</td>
  <td>￥3000</td>
</tr>


<br>
  <table>
  <th>ਜਮੂਨਾ</th>
    <caption style="caption-side:bottom">ਮੇਰੇ ਜਮੂਨਾ</caption>
    <th>ਮਹੀਨਾ</th>
  <td>￥3000</td>
  <th>ਜਮੂਨਾ</th>
    <tr>
    <td>ਜਨਵਰੀ</td>
  <td>￥3000</td>
</tr>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

</table>

<caption> ਟੈਗ ਨੂੰ ਵੀ ਈਵੈਂਟ ਪ੍ਰਾਪਰਟੀ ਸਮਰਥਨ ਹੈ ਗਲੋਬਲ ਪ੍ਰਾਪਰਟੀ。

HTML ਵਿੱਚ ਗਲੋਬਲ ਪ੍ਰਾਪਰਟੀ

<caption> ਟੈਗ ਨੂੰ ਵੀ ਈਵੈਂਟ ਪ੍ਰਾਪਰਟੀ ਸਮਰਥਨ ਹੈ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਾਪਰਟੀ。

ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ

ਮੱਧ ਬਰਾਉਜ਼ਰਾਂ ਵੱਲੋਂ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇਗਾ <caption> ਅਬਜੈਕਟ:

caption {
  display: table-caption;
  text-align: center;
}

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ