The <time> Element

The <time> element represents a specific period in time. It uses the datetime attribute to translate dates into a machine-readable format.

The Cure will be celebrating their 40th anniversary on in London's Hyde Park. The concert starts at and you'll be able to enjoy the band for at least .

The code that produced the output above looks like this:

<p>
The Cure will be celebrating their 40th anniversary on <time datetime="2026-07-07">July 7</time> in London's Hyde Park.
The concert starts at <time datetime="20:00">20:00</time> and you'll be able to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>.
</p>

HTML <em> Tag Guide

The <em> Element

The <em> element is used to mark text that has stress emphasis. While browsers typically display this as italic, it carries semantic meaning—changing the way a sentence is "read" by a screen reader or a human.

Live Examples:

You have to hurry up!

We cannot live like this.

I love your new house.

The code that produced the output above:

<p>You <em>have</em> to hurry up!</p> <p>We <em>cannot</em> live like this.</p> <p>I <em>love</em> your new house.</p>
Abbreviation Element Tutorial

The <abbr> Element

The <abbr> tag is used to represent abbreviations or acronyms. Hover over the abbreviation below to see the full text:

HTML is used to create the structure of a web page.

GFG: A computer science portal for geeks.

The code that produce the output above looks like this:

<abbr title="Hyper Text Markup Language">HTML</abbr> is used to create the structure of a web page. <abbr title="GeeksforGeeks">GFG</abbr>: A computer science portal for geeks.