HTML Summary Element
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.
Example
Summary
Summary element is used in details
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.
Solution
View Summary
summary is used with details to define details heading
end here
HTML Code Generators
Try our HTML generators to practice and generate HTML code in real time.