HTML Code:
<!DOCTYPE html><!-- Define document type as HTML -->
<html><!-- Begin HTML document -->
<head><!-- Start of document header -->
<meta charset="utf-8"><!-- Define character encoding -->
<title>How to define a visible heading for a details element</title><!-- Title of the HTML page -->
</head><!-- End of document header -->
<body><!-- Start of document body -->
<details><!-- Details element, used for creating collapsible content -->
<summary>w3resource</summary><!-- Summary element, visible heading for the details -->
<p> - w3resource is a free, open-source tutorial.</p><!-- Paragraph element with text about w3resource -->
<p>you will learn with HTML5 tutorial of w3resource</p><!-- Paragraph element with additional information -->
</details><!-- End of details element -->
</body><!-- End of document body -->
</html><!-- End of HTML document -->
Explanation:
Live Demo:
See the Pen style-type-answer by w3resource (@w3resource) on CodePen.
See the solution in the browser
Supported browser
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4