How to mark postal address in HTML?

王林
Release: 2023-08-27 08:21:14
forward
776 people have browsed it

How to mark postal address in HTML?

Addresses are used to physically locate a building. An address is a piece of information presented in a fixed format that gives the location of a building, apartment, and other identifiers used, such as a house or apartment number.

We use the

tags to provide contact details on our web pages. The HTML

tag defines contact information for the author of a document or article on a web page.

Contact information can be building location, email address, URL, phone number, etc. Text within a

element is usually rendered in italics, and newline characters > are always added before and after the
element.

grammar

The following is the syntax of the

tag.
<address>The contact information</address>
Copy after login

Example

The following is a sample program marked with

.

<!DOCTYPE html>
<html>
<head>
   <title>HTML address tag</title>
</head>
<body>
   <address>
      USA
   </address>
</body>
</html>
Copy after login

Example

The following is another example program marked with

.

<!DOCTYPE html>
<html>
<body>
   <p>The address of DLF building, Hyderabad</p>
   <address>
      Cybercity
      Plot.No: 129,130,132<br>
      Gachibowli Rd,<br>
      Colony:APHB Colony,<br>
      City:Hyderabad,<br>
      State:Telangana, <br>
      Pincode:500019<br>
   </address>
</body>
</html>
Copy after login

Example

Here, we changed the default style of the

tag using CSS.

<!DOCTYPE html>
<html>
<head>
   <title>HTML address tag</title>
   <style>
      address {
         display: block;
         font-family: "Lucida Console", "Courier New", monospace;
      };
   </style>
</head>
<body>
   <h1>Contact us</h1>
   <address>
      52nd Street<br>
      New York,<br>
      NY 10019<br>
      USA
   </address>
</body>
</html>
Copy after login

The above is the detailed content of How to mark postal address in HTML?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:tutorialspoint.com
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template