HTML <address> Tag

The HTML <address> tag defines contact information for the author or owner of a webpage. it can contain various contact details such as an email address, URL, physical address, mobile number, social media, etc. The text inside the <address> tag will be displayed in italic format. Some browsers add a line break before and after the address element.

Note: The <address> tag also supports the Global Attributes and Event Attributes in HTML.

HTML address Tag syntax:

<address> Address... </address>

HTML address Tag Usage :

Use <address> for showing details like organization name, website, and contact info.
Employ this tag to credit the writer of an article, making it clear who created it.
Drop <address> tag in the footer to share essential details about the site or author on every page.

HTML address Tag Example:

Here, we will see the implementation of the address tag with an example.

html

<!DOCTYPE html> 

<html lang="en"> 

<head> 

    <meta charset="UTF-8"> 

    <meta name="viewport" 

          content="width=device-width,  

                   initial-scale=1.0"> 

    <title>HTML <address> tag</title> 

</head> 

<body> 

    <!-- address tag starts from here -->

    <address> 

        Organization Name: GeeksforGeeks <br> 

        Web Site: 

        <a href= 

"https://www.geeksforgeeks.org/about/contact-us/"> 

            GeeksforGeeks 

        </a> 

        <br> 

        visit us: 

        <br> 

        GeeksforGeeks 

        <br> 

        710-B, Advant Navis Business Park,  

        <br> 

        Sector-142, Noida Uttar Pradesh – 201305 

    </address> 

    <!-- address tag ends here -->

</body> 

</html>

Output:

HTML address Tag Example Explanation:

Here is the implementation explanation of the above example.

Here we creates HTML document with a <head> section containing metadata and a <body> section for content.
Inside the <body>, the <address> tag defines contact information for “GeeksforGeeks”.
The <address> includes organization name, website link, and physical address.
The rendered output shows the contact information enclosed within the <address> tag, including the organization name, website link, and physical address.

HTML address Tag Example:

Here The <address> tag employs global attributes like id and class, along with the event handler onclick to trigger an alert.

HTML

<!DOCTYPE html> 

<html lang="en"> 

<head> 

    <meta charset="UTF-8"> 

    <meta name="viewport" 

          content="width=device-width,  

                   initial-scale=1.0"> 

    <title>HTML <address> tag</title> 

</head> 

<body> 

    <!-- address tag starts from here -->

    <address id="organizationInfo" 

             class="organization" 

             onclick="showDetails()"> 

        Organization Name: GeeksforGeeks <br> 

        Web Site: 

        <a href= 

"https://www.geeksforgeeks.org/about/contact-us/"> 

            GeeksforGeeks 

        </a><br> 

        visit us:<br> 

        GeeksforGeeks<br> 

        710-B, Advant Navis Business Park,<br> 

        Sector-142, Noida Uttar Pradesh – 201305 

    </address> 

    <script> 

        function showDetails() { 

            alert("Contact details clicked!"); 

        } 

    </script> 

</body> 

</html>

Output:

HTML address Tag Example Explanation:

Here is the implementation explanation of the above example.

The <address> tag contains organization information like name, website link, and physical address.
It has an id and class attribute for identification and styling.
An onclick event triggers a JavaScript function, showDetails(), which displays an alert.
The webpage displays organization details and triggers an alert when the address is clicked.