HTML Abbr <abbr>

Usage

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

The acronym and dfn tags are very similar to the abbr tag.

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>

<p>Scroll over the month abbreviation <abbr title="October">Oct.</abbr></p>

</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 month abbreviation Oct.