HTML CSS Exercise: Type selector

Last update on March 04 2024 06:50:40 (UTC/GMT +8 hours)

Solution:

HTML Code :

<!DOCTYPE HTML><!-- Document type declaration -->
<html lang="en"><!-- Opening HTML tag with language attribute set to English -->
<head><!-- Head section containing metadata -->
<meta charset=utf-8><!-- Character encoding declaration -->
<title>CSS Type selector example</title><!-- Title of the HTML document -->
<style type="text/css"> /* Opening style tag for CSS with type attribute */
h1{ /* Type selector targeting all h1 elements */
color:#4b6c9c; /* Set color of h1 elements */
}
</style><!-- Closing style tag -->
</head><!-- Closing head tag -->
<body><!-- Body section of the HTML document -->
<h1>This is heading one</h1><!-- h1 element with text content -->
</body><!-- Closing body tag -->
</html><!-- Closing HTML tag -->

Explanation:

The HTML document declares the document type and specifies the language as English.
Character encoding is set to UTF-8 to support a wide range of characters.
CSS is used to style the <h1> element using a type selector.
The style rule sets the color of all <h1> elements to a specific shade of blue.
The <h1> element in the body of the document displays text content.

Live Demo :

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

Supported browser


Yes	Yes	Yes	Yes	Yes