HTML <figcaption> ਟੈਗ

ਵਰਤੋਂ ਅਤੇ ਪ੍ਰਯੋਗ

<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