w3resource

HTML5: How to define a title for the document?

Go to Exercise page

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

Firefox logo Chrome logo Opera logo Safari logo Internet Explorer logo
Yes Yes Yes Yes Yes

Go to Exercise page

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://www.w3resource.com/html-css-exercise/basic/title-answer.php