The
<address>tag in HTML is used to define contact information for the author or owner of a document or article.
It typically contains details such as name, email, physical address, phone number, or website URL.
Browsers usually render it in italic text and often add a line break before and after it.
Syntax
<address>
Contact information goes here
</address>Attributes
| Attribute | Description |
|---|---|
class | Specifies one or more class names for CSS styling. |
id | Defines a unique identifier for the element. |
style | Adds inline CSS styles. |
title | Provides additional information as a tooltip when hovered. |
Example
<!DOCTYPE html>
<html>
<head>
<title>Address Tag Example</title>
<style>
address {
font-style: italic;
background-color: #f8f9fa;
border-left: 4px solid #29AB87;
padding: 10px 15px;
width: fit-content;
}
</style>
</head>
<body>
<h1>HTML <address> Tag Example</h1>
<p>For more information, contact us at:</p>
<address id="contact-info" class="office-address" style="color:#2c3e50;">
<strong>HTML5 and CSS3 Organization</strong><br>
45, Tech Park Road, New Delhi - 110001<br>
Email: <a href="mailto:info@html5andcss3.org">info@html5andcss3.org</a><br>
Website: <a href="https://html5andcss3.org" target="_blank">https://html5andcss3.org</a><br>
Phone: +91-9876543210
</address>
</body>
</html>Output
Browser Output
Use our TryIt Editor to see the output.
Browser Support
 Chrome |  Firefox |  Edge |  Safari |  Opera |  IE9+ |
|---|---|---|---|---|---|
| ✅Yes | ✅Yes | ✅Yes | ✅Yes | ✅Yes | ✅Yes |
The contact information appears in italic style and may include links, line breaks, and structured details.
Notes
- The
<address>element should represent contact information for its nearest<article>or<body>ancestor. - It should not be used for general physical addresses unrelated to document authorship.
- Text inside
<address>is typically italicized, but this can be changed using CSS. - Can include multiple child elements such as
<a>,<br>, and<strong>for better structure.
Conclusion
The <address> tag provides a semantic and accessible way to display contact details of a webpage’s author or organization.
It helps users and search engines identify the owner or author’s information clearly.
