HTML <figcaption> ਟੈਗ
- ਪਿਛਲਾ ਪੰਨਾ <fieldset>
- ਅਗਲਾ ਪੰਨਾ <figure>
ਵਰਤੋਂ ਅਤੇ ਪ੍ਰਯੋਗ
<figcaption>
ਟੈਗ ਲਈ <figure>
ਈਲੀਮੈਂਟ ਨੂੰ ਸਿਰਲੇਖ ਦੇਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ
<figcaption>
ਈਲੀਮੈਂਟ ਨੂੰ ਇਥੇ ਰੱਖਿਆ ਜਾ ਸਕਦਾ ਹੈ <figure>
ਈਲੀਮੈਂਟ ਦੇ ਪਹਿਲੇ ਜਾਂ ਆਖਰੀ ਸਿਨ੍ਹਾ ਦਾ ਸਥਾਨ。
ਇਸ ਦੇ ਨਾਲ ਵੀ ਦੇਖੋ:
HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:Figcaption ਆਬਜੈਕਟ
ਇੰਸਟੈਂਸ
ਉਦਾਹਰਣ 1
ਡੋਕੂਮੈਂਟ ਵਿੱਚ ਫੋਟੋ ਦੇ ਲਈ <figure> ਈਲੀਮੈਂਟ ਵਰਤੋਂ ਕਰੋ, ਫੋਟੋ ਦੇ ਸਿਰਲੇਖ ਲਈ <figcaption> ਈਲੀਮੈਂਟ ਵਰਤੋਂ ਕਰੋ:
<figure> <img src="tulip.jpg" alt="ਟੁਲੀਪ" style="width:300px"> <figcaption>ਚਿੱਤਰ 1 - ਟੁਲੀਪ, ਲਿਲੀਏਸੀ, ਬਹੁਵਰਣ ਬਾਹਰੀ ਸਪੈਸਮ </figure>
ਉਦਾਹਰਣ 2
ਸਿਸਟਮ ਸੈਟਿੰਗ ਕੀਤੇ ਹੋਏ <figure> ਅਤੇ <figcaption> ਦੇ ਸਟਾਈਲ:
<html> <head> <style> figure { border: 1px #cccccc solid; padding: 4px; margin: auto; } figcaption { background-color: black; color: white; font-style: italic; padding: 2px; text-align: center; } </style> </head> <body> <figure> <img src="tulip.jpg" alt="ਟੁਲੀਪ" style="width:300px"> <figcaption>ਚਿੱਤਰ 1 - ਟੁਲੀਪ, ਲਿਲੀਏਸੀ, ਬਹੁਵਰਣ ਬਾਹਰੀ ਸਪੈਸਮ </figure> </body> </html>
ਵਿਸ਼ਵ ਪ੍ਰਤੀਯੋਗਿਤਾ
<figcaption>
ਟੈਗ ਹੋਰ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਵਿਸ਼ਵ ਪ੍ਰਤੀਯੋਗਿਤਾ.
ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ
<figcaption>
ਟੈਗ ਹੋਰ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ.
ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ
ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲ ਦਰਸਾਉਂਦੇ ਹਨ <figcaption>
ਐਲੀਮੈਂਟ:
figcaption { display: block; }
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਨੰਬਰ ਇਸ ਪੱਧਰ 'ਤੇ ਪਹਿਲੀ ਵਾਰ ਇਸ ਅਣੂ ਨੂੰ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਨੰਬਰ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
---|---|---|---|---|
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
- ਪਿਛਲਾ ਪੰਨਾ <fieldset>
- ਅਗਲਾ ਪੰਨਾ <figure>