Time, Address, and Details Tags

« Prev Next »

<time> — Represents Dates and Times

The <time> tag is intended to be a semantic representation of a time or date for humans (for reading) and machines (e.g., browsers, screen readers, crawlers).

 

Syntax

<time datetime="2025-06-21">June 21, 2025</time>

Example

<p>The event starts at <time datetime="2025-07-01T18:00">6:00 PM, July 1, 2025</time>.</p>
Run ›

Example

  • Use the datetime attribute for machine-readable formatting.
  • Format date-time in ISO 8601 standard: YYYY-MM-DD or YYYY-MM-DDThh:mm.

<address> — Contact Information Block

The <address> tag can be used to contain the nearest article or document author's contact information.

Syntax

 <address>
  <p>RepuNEXT<br>
  123 Business Avenue, Chennai, TN<br>
  <a href="mailto:contact@repunext.com">contact@repunext.com</a></p>
</address>

Example

<footer>
  <address>
    Contact us: <a href="mailto:support@example.com">support@example.com</a><br>
    45 MG Road, Bangalore, India
  </address>
</footer>
Run ›

<details> — Expandable/Collapsible Content

The <details> tag is a toggleable container for supplemental information — initially hidden and shown upon clicking.

Syntax

<details>
  <summary>Read more about HTML5</summary>
  <p>HTML5 introduces new semantic elements like article, section, and aside...</p>
</details>

Example

<details open>
  <summary>Course Syllabus</summary>
  <ul>
    <li>HTML & CSS Basics</li>
    <li>JavaScript Essentials</li>
    <li>React Fundamentals</li>
  </ul>
</details>
Run ›
« Prev Next »

Quickly Find What You Are Looking For

OnlineTpoint is a website that is meant to offer basic knowledge, practice and learning materials. Though all the examples have been tested and verified, we cannot ensure the correctness or completeness of all the information on our website. All contents published on this website are subject to copyright and are owned by OnlineTpoint. By using this website, you agree that you have read and understood our Terms of Use, Cookie Policy and Privacy Policy.