webhosting Web Hosting Wit.Com
Webhosting, Server and Web Site Help & Information
Internet Services
  Domain Names
  Web Hosting
  Accept Credit Cards
  SSL Certificates
  T1 Connections
 
Coding Tutorials
  HTML Tags
  HTML Code
  Style Sheets
  Javascript
  PHP Tutorial
  ASP Tutorial
  SQL (Database)
  ASP Code
  HTML Templates
 
Tips & Tricks
  Design Dos & Don'ts
  HTML Tips
  Useful Applications
  Search Engines
  My IP Lookup
 
Charts
HTML Support
  HTML Standards
  HTML Programming
  HTML Help
  HTML Coding
  HTML and CSS
  HTML Support
 
Contact Us
Home Page
 
html basic code
free html codes
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:
  • <b> Your Text Here </b> - To Bold
  • <i> Your Text Here </i>- To Italicize
  • <u> Your Text Here </u> - To Underline
  • <font size="+1"> Your Text Here </font> - To Make one size bigger
  • <font size="-1"> Your Text Here </font> - To Make one size smaller
  • <center> Your Text Here </center> - To Center
  • <br> - 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.
  • <b><font size="4" color="red">Welcome to Web Hosting Wit!</font><br><br>
    We hope you have enjoyed Web Hosting Wit and have found it useful.<br><br>
    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>
    <br><br>
    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>.
    <br><br> <CENTER>
    <font color="red">&copy;2003 <a href="http://www.webhostingwit.com">Web Hosting Wit.Com</a> and its licensors. All Rights Reserved. </font></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">

    <b><font size="4" color="red">Welcome to Web Hosting Wit!</font><br><br>
    We hope you have enjoyed Web Hosting Wit and have found it useful.<br><br>
    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>
    <br><br>
    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>.
    <br><br> <CENTER>
    <font color="red">&copy;2003 <a href="http://www.webhostingwit.com">Web Hosting Wit.Com</a> and its licensors. All Rights Reserved. </font></CENTER>

    </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

    2003 Web Hosting Wit.Com and its licensors. All Rights Reserved
    Designed by Fencl Web Design