Details Element

HTML5 details element specifies additional details that the user can view or hide. It is used to create an interactive widget that user can open and close, any kind of content can be placed inside details element.

Syntax

<details>content</details>

You can define one or more than one details in a document.

Practice Task

Open notepad or any other text editor, follow the following points.

• Use <details> element to create detail section in your page
• Use <h4> element to create heading
• Content inside details should be any as per your choise

save file with name task.html or task.htm and then open it using any browser and see results.

HTML Code Generators

Try our HTML generators to practice and generate HTML code in real time.