HTML5: How to define a thematic change in the content?

Last update on February 08 2024 12:47:51 (UTC/GMT +8 hours)

Solution :

HTML Code :

<!DOCTYPE html><!-- Opening tag for declaring the document type -->
<html><!-- Opening tag for the root element of the HTML document -->
<head><!-- Opening tag for the document's header section -->
<meta charset="utf-8"><!-- Metadata tag specifying the character encoding of the document -->
<title>html hr element</title><!-- Title of the HTML document -->
</head><!-- Closing tag for the document's header section -->
<body><!-- Opening tag for the document's body section -->

<h1>HTML5</h1><!-- Heading level 1 element -->
<p>HTML5 is the fifth revision of HTML, a markup language to present and structure web documents.</p><!-- Paragraph element with text content -->

<hr><!-- Horizontal rule element, used to create a thematic break or divider -->

<h1>PHP</h1><!-- Heading level 1 element -->
<p>PHP, an acronym for Hypertext Preprocessor, is a widely-used open source general-purpose scripting language.</p><!-- Paragraph element with text content -->

</body><!-- Closing tag for the document's body section -->
</html><!-- Closing tag for the root element of the HTML document -->

Explanation:

This HTML code represents a basic HTML document structure with headings and paragraphs.
The <html> element is the root element of the HTML document.
The <head> element contains meta-information about the HTML document, such as the character encoding and the title.
Inside the <head> element, there is a <meta> tag specifying the character encoding of the document, and a <title> tag defining the title of the HTML document.
The <body> element contains the visible content of the HTML document.
Within the <body> element, there are two <h1> (heading level 1) elements representing main headings for sections of content.
Each heading is followed by a <p> (paragraph) element containing text content providing information about the respective topics.
Between the two sections, there is a <hr> (horizontal rule) element, which creates a horizontal line or divider to visually separate the sections.

Live Demo :

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

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go to Exercise page