HTML - <address> Tag



The HTML <address> tag is used to define the contact information for its nearest ancestor <article> or <body> tag. Generally, it contains the information such as name, phone number, and email related to the person or organization.

By default, the content within the <address> tag is styled in the italicized way, indicating its special significance. This tag plays a major role in making the web pages semantically meaningful, particularly for accessibility and search engines.

Syntax

Following is the syntax of HTML <address> tag −.

<address>...</address>

Attributes

HTML address tag supports Global and Event attributes of HTML.

Example : Basic Usage

Let's look at the following example, where we are going to consider the basic usage of the <address> tag.

<!DOCTYPE html>
<html>
<body>
    <address> 
      You can contact author at 
      <a href="http://www.tutorialspoint.com/contact">
       www.tutorialspoint.com
      </a><br> If you see any bugs, please
      <a href="mailto:webmaster@tutorialspoint.com"> 
      contact webmaster</a> <br> You may also 
      want to visit us: <br /> tutorialspoint PVT LTD
      <br> Madhapur Hyderabad <br> Kaveri hills,
      zip 500081 <br> Telangana 
    </address>
</body>
</html>

Example : Appling CSS to Address

Considering the following example, where we are going to use the <address> tag and applying the CSS properties to it.

<!DOCTYPE html>
<html>
<style>
    address {
        border: 2px solid black;
        padding: 5px;
        width: 350px;
        background-color: lightgray;
        box-shadow: 5px 5px #888888;
    }
</style>
<body>
    <address> 
      You can contact author at 
      <a href="http://www.tutorialspoint.com/contact">
       www.tutorialspoint.com
      </a><br> If you see any bugs, please
      <a href="mailto:webmaster@tutorialspoint.com"> 
      contact webmaster</a> <br> You may also 
      want to visit us: <br /> Tutorialspoint PVT LTD
      <br> Madhapur Hyderabad <br> Kavuri hills,
      zip 500081 <br> Telangana 
    </address>
</body>
</html>

Example : Using with Footer

In the following example, we are going to use the footer tag along with the <address> tag.

<!DOCTYPE html>
<html>
<style>
    address {
        border: 2px solid #c0392b;
        padding: 5px;
        width: 350px;
        background-color: #e8daef;
        box-shadow: 5px 5px #abebc6;
    }
</style>
<body>
    <footer>
        <address>
    Contact us: <a href="mailto:example@xyz.com">Reach Us</a><br>
    Phone: +012322342e
  </address>
    </footer>
</body>
</html>

Supported Browsers

Tag Chrome Edge Firefox Safari Opera
address Yes Yes Yes Yes Yes
html_tags_reference.htm
Advertisements