HTML5: Create an HTML document which uses article element?

Last update on February 06 2024 11:31:07 (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>Create an HTML document which uses article element</title><!-- Sets the title of the HTML page -->
</head>
<body><!-- Contains the visible content of the HTML document -->
<article><!-- Represents an article content -->
<h1>Tutorial of HTML5 article element</h1><!-- Defines the main heading of the article -->
<p>HTML5 article element represents independent item like a blog entry in an web document.</p><!-- Provides the content of the article -->
</article><!-- Ends the article 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 <article> element defines an independent piece of content that can be distributed or reused independently.
The <h1> element represents the main heading of the article.
The <p> element contains the content of the article, describing the purpose of the HTML5 article element.

Live Demo:

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

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go To Home page