HTML <caption> Tag

#	Content	Views
1.	Tutorial Tags	15,788
2.	Tutorial + Programming	678,585
3.	Videos	218,834
4.	Results (`Annual + Re-appear`)	12,695
5.	Quiz Chapters	14,622
6.	Quiz Questions	172,768
7.	Quiz Results	18,822
8.	Testimonials	3,462
9.	Projects	28,283
10.	e-Words	12,023
11.	e-Certificates	4,968
12.	Downloads (Softwares)	4,236
13.	Downloads (Syllabus)	948

figure and figcaption Elements

2,619
Try it

The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.

The <figcaption> tag defines a caption for a <figure> element. The <figcaption> element can be placed as the first or as the last child of a <figure> element.

The <img> element defines the actual image/illustration.

<!DOCTYPE html>
<html>
<head>
<title>figure and figcaption Elements</title>
</head>
<body>

<h2>ਸਰਕਾਰੀ ਸੀਨੀਅਰ ਸੈਕੰਡਰੀ ਸਕੂਲ, ਖੋਖਰ</h2>

figure and figcaption Elements

<figure>
  <img src="/images/welcome_school.gif" alt="cat" style="width:100%">
  <figcaption>Fig.1 - GSSS KHOKHAR, Sri Muktsar Sahib.</figcaption>
</figure>

</body>
</html>

Live Demo & Try it yourself!

#HTML #semantic #figure #figcaption

<CAPTION> : <CAPTION> ਟੈਗ ਟੇਬਲ ਦੇ ਟਾਈਟਲ (Title) ਜਾਂ ਵਿਆਖਿਆ (Explanatics) ਵਜੋਂ ਕੰਮ ਕਰਦਾ ਹੈ। ਇਹ ਟੇਬਲ ਦੇ ਉੱਪਰਲੇ ਪਾਸੇ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ। ਮੂਲ ਰੂਪ ਵਿੱਚ ਇੱਕ ਟੇਬਲ ਟਾਈਟਲ ਸੈਂਟਰ-ਅਲਾਈਨਡ ਹੁੰਦਾ ਹੈ। <CAPTION> ਟੈਗ <TABLE> ਟੈਗ ਸ਼ੁਰੂ ਕਰਨ ਦੇ ਤੁਰੰਤ ਬਾਅਦ ਲਿਖਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਇਹ ਟੈਗ ਟੇਬਲ ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕਰਨ ਲਈ ਲਾਜ਼ਮੀ ਨਹੀਂ ਹੁੰਦਾ; ਜੇਕਰ ਅਸੀਂ ਟੇਬਲ ਲਈ ਕਿਸੇ ਟਾਈਟਲ ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਾਂ ਸਿਰਫ ਤਾਂ ਹੀ ਅਸੀਂ ਇਸ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਾਂਗੇ। ਹੇਠਾਂ ਇੱਕ ਸਧਾਰਨ ਟੇਬਲ ਦੀ ਉਦਾਹਰਣ ਦਿੱਤੀ ਗਈ ਹੈ:

<!DOCTYPE html>
<html>
<head>
<title>Caption Tag in HTML Table</title>
</head>
<body>

<h2>Caption Tag in HTML Table</h2>

<table border="1" width="100%">
<caption>GSSS KHOKHAR (This is Table<sup>'s</sup> Caption)</caption>
  <tr>
    <th>#</th>
    <th>Name of Student</th>
    <th>Class</th>
  </tr>
  <tr>
    <td>1.</td>
    <td>Taranpreet Singh</td>
    <td>6th</td>
  </tr>
  <tr>
    <td>2.</td>
    <td>Mehakpreet Kaur</td>
    <td>7th</td>
  </tr>
  <tr>
    <td>3.</td>
    <td>Veerpal Kaur</td>
    <td>8th</td>
  </tr>
  <tr>
    <td>4.</td>
    <td>Jasmeen</td>
    <td>9th</td>
  </tr>
  <tr>
    <td>5.</td>
    <td>Sonia</td>
    <td>10th</td>
  </tr>
  <tr>
    <td>6.</td>
    <td>Jaskaran Singh</td>
    <td>11th</td>
  </tr>
  <tr>
    <td>7.</td>
    <td>Arshdeep Kaur</td>
    <td>12th</td>
  </tr>
  
</table>

</body>
</html>

Live Demo & Try it yourself!

#CSS #HTML #table #Invisible Border

HTML <caption> Tag

figure and figcaption Elements

Caption Tag in HTML Table

HTML Tags

HTML Examples