Summary Element

HTML5 summary element defines visible heading for <details> element. The heding can be clicked to view or hide details.

Syntax

<details>
<summary>heading for details</summary>
content for details...
</details>

You can define one or more than one details and summaries elements 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 <summary> element to create summary for details
• Content inside details and summary 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.