InMotion Hosting Support Center

HTML can be a little intimidating for those not accustomed to looking at code. That's why we wrote this article as an introduction to web design basics. Once you familiarize your self with the basics, it becomes easier to write your website using HTML code. This article will break down the basics of how to get your HTML page created. We will go over what HTML is, how to create an HTML page, HTML basics, and what program you can use to edit the HTML.

What is HTML?

HTML is Hyper Text Markup language. Web pages read HTML in order to display your website content. Saying "HTML page" is the same as saying "Web page". HTML tags format the document and adds functionality. For example, the headline of your site can use the headline tags <h1>, <h2>, <h3> and so forth. This makes text larger and bold for headline. The <h1> being the largest. The <p> tag is for paragraphs and so forth. You will learn more about this in our next article called Understanding Basic HTML Tags.

Important! In order for your home page to load, you will need to name it "index" (all lower case because Linux is case sensitive). If you name your home page home for example, the server will not recognize it as the home page.

What program do I use to edit my HTML

There are many ways to create HTML pages. You can use the File Manager code editor, a program like DreamWeaver, Notepad ++, Kompozer, PageBreeze, CoffeCup, Edit Plus or any text editor to create an HTML page. HTML is stored in regular text files. You simply name the file .html or .htm file extension. Our servers view .htm before .html in the normal file indexing. So if you have a file called index.htm and a file called index.html, the index.htm will load and not the index.html when visiting your site.

HTML basics: open and closed tags

In HTML, there are 2 types of tags: Open and Closed tags.

The opening and closing tag

A tag that closes has 2 tags: an opening and a closing tag. See the following example;


The <body> is the beginning or opening tag and the </body> is the ending or closing tag. These tags have content or other HTML tags within them. Tags within another tag is called an Element. The following example shows the <body> with an Element in it.

  <p>This is text in my website.</p>

The beginning <body> tag tells the browser that the body of the page starts there and the </body> tag tells the browser the body of the page stops there. The <p> that is within the <body> tag is called an Element. This is because the <p> tag is Nested within the <body> tag.

The self closing tag

The tag that is left open has only one tag. The end of the tag contains a ( / ) telling the browser that the tag ends. An example of a tag that is left open is the following:

<link href="/support/" rel="" type="" >

There is no content that goes in this type of tag. These tags store HTML attributes that are used to reference other files or have attributes added to them. Common tags that don't close are the <link />, <input />,<br /> and <hr />.

How to create your first HTML page

In order to create a web page so it is properly read by the web browser, you will need 4 different HTML tags. Below is a table explaining the necessary tags for your webpage.

Important! <!DOCTYPE html> The <!DOCTYPE html> type tells the browser how the webpage is coded. This allows some sites to be rendered strict to the newest coding standard or to use a transitional type that allows older deprecated HTML tags in the document type. Don't worry about the type of document type for now. This is not a tag; however, it is needed at very top of the webpage code.

Basic webpage tags
The <html> tag tells the browser that the code is an html document.
The <title> tag sets the text of the page for the browser toolbar and search results. This is not seen on the webpage itself. This is required in the head section of your Webpage.
The <head> tag is where code is stored that processes styles, scripts and links to internal documents and so forth. These do not display on the webpage. The tags used in the head section are <title>, <style>, <base>, <link>, <meta>, <script>,and <noscript>
The <body> tag is where all the content for your website is stored. This is what is visible to the visitor of the webpage.

To see this code in context, see the example below with the HTML tags in use in an actual webpage.

<!DOCTYPE html />
<html> <head> <title>This is the title of my website</title> </head> <body> <p>This is my webpage content.</p> </body> </html>

That's how you set up a basic HTML page. Next you will need to know how to add the HTML code to your site for your content. Please check the next article on Understanding Basic HTML Tags. For more information on this course please visit Website Design Basics

Was this article helpful?
Continued Education in Course 101: Website Design Basics
You are viewing Section 2: Introduction to Web Design Basics
Section 1: Understanding Markdown
Section 3: Understanding Basic HTML Tags

Related Questions

Here are a few questions related to this article that our customers have asked:
How can I code a post in my website?
what are non-text items on a webpage
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

2018-09-05 5:17 pm
Hi, newbie question. I have two domains, and both have an index folder and a test .html document. Using my browser, the .info domain opens with the appropriate index and test file, however, the .org returns your "under construction" page. What to do?
42,943 Points
2018-09-05 9:50 pm
This comment was also asked as a question and answered in that space. This comment will be closed.

n/a Points
2018-04-22 3:23 am

Hello Friends, Please resolve my problem..

when I open my site in mobile, getting two option mobile or desktop. Why my site is not open on mobile. Even I have checked mobile-friendly website, Its show me my website is mobile friendly so why it is not open on mobile.

42,943 Points
2018-04-25 2:04 pm
Our hosting server does not determine if the site is mobile or not. Your code does. If the site was coded by our design team, then you will need to contact them about the current behavior. If your site was coded by another party, or you are using a software to build your site, then you will need to consult with the developer or technical support team for assistance with this issue.
n/a Points
2016-07-07 12:21 am

is Here Any Good Web Developer ? My Site is ********.com  I Have some Work For Developer

31,595 Points
2016-07-07 9:29 am
I recommend contacting our Web Design team, and they can discuss possible solutions for you.

Thank you,
n/a Points
2014-09-27 12:00 pm
nothing much to comment on that i am a beginner student, the current topic or syllabus is on web design. i like your site it is user friendly will continue to visit it thank you.
2012-02-13 7:43 pm
Also, is a comprehensive outline for all web formats as well...I'm enjoying learning from here, but where I can't find it here, it's available there.
2012-02-13 6:49 pm
should recommend notepad++ for notepad actually helps immensely in recognizing whether or not you forgot to close your tags and other things like that. And it's open source...
13,821 Points
2011-12-27 12:12 pm
Hi SEO4Profit,

Thanks for posting your comment. You're right, it's not bold since we limit the HTML code you can place into comments. If you look in the tutorial, you'll see the code in one place, then undrneath it we display how the bold text looks.

I hope this helps!

If you need further assistance please feel free to contact us.


Tim S
2011-12-25 1:18 pm
This is how to bold text on a page, but it doesn't look bold to me
2011-12-25 1:17 pm
This is how to bold text on a page

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

12 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!