RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.w3resource.com/html-css-exercise/basic/hr-answer.php below:

Website Navigation

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

HTML5: How to define a thematic change in the content?Last update on February 08 2024 12:47:51 (UTC/GMT +8 hours)

Go to Exercise page

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

Go to Exercise page

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