HTML5: How to create an HTML document which uses aside element?

Last update on February 06 2024 11:31:06 (UTC/GMT +8 hours)

Solution:

HTML Code :

<!DOCTYPE html><!-- Specifies the document type as HTML -->
<html><!-- Starts the HTML document -->
<head><!-- Contains metadata about the HTML document -->
<meta charset="utf-8"><!-- Defines the character encoding for the document as UTF-8 -->
<title>How to create an HTML document which uses aside element</title><!-- Sets the title of the HTML page -->
</head>
<body><!-- Contains the visible content of the HTML document -->
<p> I visited the HTML5 tutorial of w3resource</p><!-- Provides introductory text -->
<aside><!-- Represents content that is tangentially related to the content around it -->
<h4>HTML5 tutorial</h4><!-- Defines a subheading for the aside content -->
<p>I can develop excellent web applications with HTML5 and related APIs (like GeoLocation, Drag and Drop, WebSocket etc.)in HTML5 tutorial.</p><!-- Contains detailed information related to the HTML5 tutorial -->
</aside><!-- Ends the aside content -->
</body>
</html>

Explanation:

The <!DOCTYPE html> declaration specifies the document type and version of HTML.
The <html> element is the root element of the HTML document.
The <head> section contains metadata about the HTML document, such as the character encoding and title.
The <meta> tag defines metadata for the HTML document, such as the character encoding, specified here as UTF-8.
The <title> tag sets the title of the HTML page.
The <body> element contains the visible content of the HTML document.
The <p> element provides introductory text.
The <aside> element represents content that is tangentially related to the content around it.
The <h4> element defines a subheading for the aside content.
The nested <p> element contains detailed information related to the HTML5 tutorial.

Live Demo :

See the Pen aside-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go To Exercise page