HTML Dfn <dfn>

Usage

The HTML dfn tag allows you to use definitions in your text and most browsers will show the full version of the definition when the user scrolls over.

This tag works in the same way as the abbr and acronym tags.

Code:


<!DOCTYPE html>
<html>
<head>
<!-- This is the stylesheet John created in 2020 -->
<link rel="stylesheet" href="/file/stylesheet.css">
</head>

<body>

<div id="openingparagraphs">

<p>Welcome to my webpage and paragraph 1.</p>

<p>I have so much to say I'm going to need a lot of paragraphs!</p>

Scroll over the phrase <dfn title="Thick walled cooking pot">dutch oven.</dfn>

</div>

</body>

</html>

Output:

Welcome to my webpage and paragraph 1.

I have so much to say I’m going to need a lot of paragraphs!

Scroll over the phrase dutch oven.