HTML Basic code - Webhosting, Server, and Web Site Help and Information

Web Hosting Wit.Com
Webhosting, Server and Web Site Help & Information

Internet Services

Coding Tutorials

Tips & Tricks

Charts

HTML Support

HTML Code Tutorial

Basic Code Formatting

HTML stands for Hypertext Markup Language (HTML). The great thing with HTML there is no need for special software to generate HTML code. You can use "Notepad" which is standard on most computer systems. Just make sure to save your work as .html instead of .txt .

HTML Finishing Tags

Whenever you start a tag, it must follow with a corresponding finishing tag.
A finishing tag is the same tag with a forward slash included after the first bracket. Some Commonly Used HTML Tags:

 Your Text Here  - To Bold
 Your Text Here - To Italicize
 Your Text Here  - To Underline
 Your Text Here  - To Make one size bigger
 Your Text Here  - To Make one size smaller
<center> Your Text Here </center> - To Center
  - To end statement and go to next line. This tag does not need a finishing tag.

We are going to give you a basic sample of how to build a simple web site using the main HTML codes and commands.

Open a new document in Notepad or an HTML text editor of your choice.
Only type the bold text and brackets following the bullets.

First we start with the HTML. This tells the browser to start a web page in HTML.

<HTML>

Then we tell the browser where the HEAD of the web page starts.

<HEAD>

The Title tag shows up on the top of your browser and tells the users and search engines what your web site is about. Try to use 5 to 10 words that best describe your web page.

<Title> Your Web Site Description Goes Here </Title>

The Description Tag shows search engines what your web site is about. Try to use the best 10 to 15 words that best describe this individual web page of your web site.

<meta NAME="Description" CONTENT=" Your Web Page Description Goes Here">

The Keyword Tag is not used by many search engines anymore, but most people feel it is still of some significance. In the Content =" area " separate the most important contents or search terms for your web site with commas. You may want to use between 10 to 20 words.

<meta NAME="keywords" CONTENT="important things, kind of products, location, type of site, search phrase">

This tells people looking at your source code who built the web site.

<meta NAME="author" CONTENT="Your Name Here">

This tells people looking at your source code that your site is copyrighted.

<meta NAME="copyright" CONTENT="Your Name Here">

Then we tell the browser where the HEAD of the web page ends.

</HEAD>

Then we tell the browser how to set up the basics of the web page in the Body Tag.

<body text="black" face="Arial" link="navy" vlink="blue" alink="purple">

Now we enter the text, links and content for the web site. Just copy and paste the paragraph below into your Notepad or HTML text editor. Once complete you can go back and make changes to this section start developing your own web site.

Welcome to Web Hosting Wit! 
We hope you have enjoyed Web Hosting Wit and have found it useful. 
If you have any programming tips, information, or scripts you would like to add to the site e-mail it to <A HREF="mailto:webmaster@webhostingwit.com" > webmaster@webhostingwit.com</a>
 
We have lots of good information on
<a href="http://www.webhostingwit.com/free_html_tags.html">Basic HTML tags</a> and coding, plus a basic
<a href="http://www.webhostingwit.com/php_tutorial.html">PHP tutorial</a>.
 <CENTER>
©2003 <a href="http://www.webhostingwit.com">Web Hosting Wit.Com</a> and its licensors. All Rights Reserved. </CENTER>

Then we tell the browser where the BODY of the web page ends.

</BODY>

This tells the browser to end the HTML on this web page.

</HTML>

Complete HTML Code of Example

This is a complete copy of HTML code explained above. You may just copy and paste this section into Notepad or your HTML editor.

<HTML>

<HEAD>

<Title> Your Web Site Description Goes Here </Title>

<meta NAME="Description" CONTENT=" Your Web Page Description Goes Here">

<meta NAME="keywords" CONTENT="important things, kind of products, location, type of site, search phrase">

<meta NAME="author" CONTENT="Your Name Here">

<meta NAME="copyright" CONTENT="Your Name Here">

</HEAD>

<body text="black" face="Arial" link="navy" vlink="blue" alink="purple">

</BODY>

</HTML>

Test it in Internet Explorer

First, save your work as a .html file. Now open a new Internet Explorer Window or similar browser. Then click File in the top left hand corner. Then click Open, and then click Browse. Locate the file you saved in Notepad as a .html file, then click and open it. You should be seeing the web site you just built.
Your web site should look like this Click for Test Web Site.

If you have any programming tips, information, or scripts you would like to add to the site e-mail it to webmaster@webhostingwit.com