DETAILS (<details>) Tag

by Jai 25-Jun-19

0 302


The <details> tag tells about additional details that user can view or hide on demand. By default, the content of the tag is not shown.

We should write this tag with <summary> tag but it is not necessary. <summary> tag is used for the user-visible title which is clickable (it works like a heading). when users clicked on it. Content written inside appears and close onclick.

The <details> and <summary> tag comes in pairs. Content is written between the opening (<details>) and the closing (</details>) tags.

Program:

<!DOCTYPE>
<html>
<title> Details tag </title>
<body>
<details>
<summary>Copyright 2014-2019 | Coding Tag.</summary>
<p> - By Coding Tag. All Rights Reserved.<br>All content and graphics on this web site are the property of the codingtag.com</p>
</details>
<p><b>Note:</b>The details tag is not supported in Internet Explorer browser.</p>
</body>
</html>

Output:

DETAILS (<details>) Tag


Share:


Comments

    Waiting for your comments

Leave a Reply