HTML uses tags and elements to build a web page. One of these is the **`time`** element.

# The `time` element

The `time` element represents the current time in a human-readable form. The default format is `hh:mm:ss`.

We can use the `datetime` attribute within the `time` tag to display the current time along with the date, month, and year like this: `YYYY-MM-DD: hh:mm:ss`.

 ### Syntax

The `time` element has an opening tag `<time>` and a closing tag `</time>`. We can include attributes such as `datetime` within the `time` element tags.

The general syntax to write the `time` element in a web page is as follows:

``` HTML
<time>05:40:15</time>
<time datetime = "2021-07-23 05:41:23"> </time>
```

# Code

Let's implement an example code in HTML to learn the usage of the `time` element.

<!DOCTYPE html>
<html>
    <body>
        <h1>This is a time element</h1>
        <h3>Some valid formats</h3>

        <p><time>10:00</time></p>
        <p><time datetime="1947-08-14 12:15:00">Independence day</time>.</p>
        <p><time>23:54:30</time></p>
        <p><time>2021-07-23</time></p>

    </body>
</html>


codemirror

# Explanation

In the code above, there are different formats of *time* that display how we can use the `time` element.

What is 'time' element in HTML?

HTML's `<time>` element represents human-readable time and can include a `datetime` attribute for date and time in "YYYY-MM-DD: hh:mm:ss" format.

What is 'time' element in HTML?

The time element

Syntax

Code

Explanation

The `time` element