HTML DETAILS (<details>) Tag

0 2779

The <details> tag tells about additional details that users 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 is written inside appears and closes o'clock.

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

Code:

<!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>

Execute

Output: