figure and figcaption Elements

#	Content	Views
1.	Tutorial Tags	37,061
2.	Tutorial + Programming	1,062,057
3.	Videos	353,290
4.	Results (`Annual + Re-appear`)	44,967
5.	Quiz Chapters	37,147
6.	Quiz Questions	540,385
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,246
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,500
13.	Downloads (Syllabus)	2,638

Home
HTML
Semantic
Figure And Figcaption Elements

figure and figcaption Elements

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

CSPunjab.Com

figure and figcaption Elements

« Previous

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!