- HTML Tag
- Tips and Notes
- Browser Support
- Attributes
- : The Contact Address element
- Try it
- Attributes
- Usage notes
- Examples
- Result
- Technical summary
- Specifications
- Browser compatibility
- See also
- Found a content problem with this page?
- MDN
- Support
- Our communities
- Developers
- HTML Tag
- Syntax
- Example of the HTML tag:
- Result
- Example of the HTML tag with the HTML tag:
- Attributes
- How to style tag?
- Common properties to alter the visual weight/emphasis/size of text in tag:
- Coloring text in tag:
- Text layout styles for tag:
- Other properties worth looking at for tag:
HTML Tag
By default, links will appear as follows in all browsers:
- An unvisited link is underlined and blue
- A visited link is underlined and purple
- An active link is underlined and red
Tips and Notes
Tip: A linked page is normally displayed in the current browser window, unless you specify another target.
Tip: Use CSS to style links: CSS Links and CSS Buttons.
Browser Support
Attributes
| Attribute | Value | Description |
|---|---|---|
| download | filename | Specifies that the target will be downloaded when a user clicks on the hyperlink |
| href | URL | Specifies the URL of the page the link goes to |
| hreflang | language_code | Specifies the language of the linked document |
| media | media_query | Specifies what media/device the linked document is optimized for |
| ping | list_of_URLs | Specifies a space-separated list of URLs to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). Typically used for tracking. |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url | Specifies which referrer information to send with the link |
| rel | alternate author bookmark external help license next nofollow noreferrer noopener prev search tag | Specifies the relationship between the current document and the linked document |
| target | _blank _parent _self _top | Specifies where to open the linked document |
| type | media_type | Specifies the media type of the linked document |
: The Contact Address element
The HTML element indicates that the enclosed HTML provides contact information for a person or people, or for an organization.
Try it
The contact information provided by an element’s contents can take whatever form is appropriate for the context, and may include any type of contact information that is needed, such as a physical address, URL, email address, phone number, social media handle, geographic coordinates, and so forth. The element should include the name of the person, people, or organization to which the contact information refers.
can be used in a variety of contexts, such as providing a business’s contact information in the page header, or indicating the author of an article by including an element within the .
Attributes
This element only includes the global attributes.
Usage notes
Examples
This example demonstrates the use of to demarcate the contact information for an article’s author.
address> You can contact author at a href="http://www.somedomain.com/contact"> www.somedomain.coma>.br /> If you see any bugs, please a href="mailto:webmaster@somedomain.com"> contact webmastera>.br /> You may also want to visit us:br /> Mozilla Foundationbr /> 331 E Evelyn Avebr /> Mountain View, CA 94041br /> USA address>
Result
Technical summary
| Content categories | Flow content, palpable content. |
|---|---|
| Permitted content | Flow content, but with no nested element, no heading content ( , h1, h2, h3, h4, h5, h6), no sectioning content ( , , , ), and no or element. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | Any element that accepts flow content, but always excluding elements (according to the logical principle of symmetry, if tag, as a parent, can not have nested element, then the same content can not have tag as its parent). |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | Any |
| DOM interface | HTMLElement Prior to Gecko 2.0 (Firefox 4), Gecko implemented this element using the HTMLSpanElement interface |
Specifications
Browser compatibility
BCD tables only load in the browser
See also
Found a content problem with this page?
This page was last modified on Apr 13, 2023 by MDN contributors.
Your blueprint for a better internet.
MDN
Support
Our communities
Developers
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
HTML Tag
The tag is used to provide contact information about the owner of sites or the author of the article. It can contain email, phone, address, link to the site, and so on.
Syntax
The
tag comes in pairs. The content is written between the opening ( ) and closing () tags.
Most browsers add a line break before the element and after it, and the information in the tag is displayed in italic.
If the tag is placed inside the element, the contact information it contains refers to the entire document as a whole. To specify the contact information of the author of the article, you must place the tag inside the element.
Example of the HTML tag:
html> html> head> title>Title of the document title> head> body> address> Author: W3docs teambr /> a href="mailto:[email protected]">Contact Author a> address> body> html>Result
The tag is included together with other information in the element.
Example of the HTML tag with the HTML tag:
html> html> head> style> .header< height: 40px; padding: 20px 20px 0; background: #e1e1e1; > .main-content< height: 60vh; padding: 20px; > footer< padding: 10px 20px; background: #666666; color: white; > a< color: #00aaff; > style> head> body> div class="header">Header / Menu div> div class="main-content"> h1>Main content h1> p>This is some paragraph. p> div> footer style="display:flex; justify-content:space-between; align-items:flex-end;"> p style="margin:0;">Company © W3docs. All rights reserved. p> address> 3rd street, app 43br /> New York, USA address> footer> body> html>Attributes
How to style tag?
Common properties to alter the visual weight/emphasis/size of text in tag:
- CSS font-style property sets the style of the font. normal | italic | oblique | initial | inherit.
- CSS font-family property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
- CSS font-size property sets the size of the font.
- CSS font-weight property defines whether the font should be bold or thick.
- CSS text-transform property controls text case and capitalization.
- CSS text-decoration property specifies the decoration added to text, and is a shorthand property for text-decoration-line, text-decoration-color, text-decoration-style.
Coloring text in tag:
- CSS color property describes the color of the text content and text decorations.
- CSS background-color property sets the background color of an element.
Text layout styles for tag:
- CSS text-indent property specifies the indentation of the first line in a text block.
- CSS text-overflow property specifies how overflowed content that is not displayed should be signalled to the user.
- CSS white-space property specifies how white-space inside an element is handled.
- CSS word-break property specifies where the lines should be broken.
Other properties worth looking at for tag:
- CSS text-shadow property adds shadow to text.
- CSS text-align-last property sets the alignment of the last line of the text.
- CSS line-height property specifies the height of a line.
- CSS letter-spacing property defines the spaces between letters/characters in a text.
- CSS word-spacing property sets the spacing between words.