CREATE A CONTACT US PAGE WITH HTML ONLY

Learn How to create contact us page using HTML only.

Employ table tags when creating a Contact US web page.

Oh! okay make two columns the first column to retrieve the data from the visitor and the second one to display the Contact Info.

This project is open source and the source code can be downloaded by clicking ‘Download Now’ or get a copy at GitHub.

Overall Structure:

The code creates a simple contact form with two important sections:

A section for users to input their data whereby there region of interest, name, email address, and comments are entered.

Second section is for contact information where an address, e-mail, and phone number belong to the organization.

There are two columns on the form and the whole is structured just like a table.

The theme is #005151 for the background and white (#ffffff) for textual data.

Page content:

Heading: A very big ‘Contact Us’ heading at the middle of the page.

Horizontal Rule: To stand out the heading is Purple lined.

Table: Main form structure, the form should have a width of 90% of the page.

Rows: Each horizontal row represents a label and text box for a specific piece of data (name, e-mail, message) or the company’s data (address, e-mail, phone number).

Cells: Considering the basic parts of the form, divide it into two sections for the users to enter the data and the section for contact details.

Input Fields: Input fields for the name, email and the message.

Submit Button: A search button which is specific for the contact form.

Contact details: Make a visible presentation of the company address, the email address, and phone number.

Formatting:

Background Color: Dark blue color, as #005151 is chosen as a background color for the web page.

Text Color: White (#ffffff) is selected for contact across the devices that are hooked up to the screen.

Font Face, Size, Alignment: Different elements in HTML are given specific font face, size and alignment using the font tag.

Table Alignment: Centerize is required to make the page in the middle By using <LimitingTag>Align=”center”</LimitingTag>.

Thanks for reading this article on Picking the Best Retirement Savings Plan.

How to build Contact Us page using only HTML