HTML5: How to define a title for the document?

Last update on February 14 2024 12:55:23 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html><!-- Define document type as HTML -->
<html><!-- Begin HTML document -->
<head><!-- Start of document header -->
<meta charset="utf-8"><!-- Define character encoding -->
<title>How to define a title for the document</title><!-- Title of the HTML page -->
</head><!-- End of document header -->
<body><!-- Start of document body -->
<p>We are learning HTML at <abbr title="w3resource">w3r</abbr>.</p><!-- Paragraph with an abbreviation -->
</body><!-- End of document body -->
</html><!-- End of HTML document -->

Explanation:

This HTML code defines a webpage with a paragraph.
Inside the paragraph, there is an <abbr> tag, which represents an abbreviation or acronym.
The title attribute of the <abbr> tag provides the full form or description of the abbreviation, which is displayed when hovering over the abbreviated text.
The abbreviation "w3r" is expanded as "w3resource" when the user hovers over it.

Live Demo:

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

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go to Exercise page