Web Programming Basics
  HTML Basics – Web Programming Basics

The Basics of HTML – Learn How to Create a Basic HTML Web Page


If you know how to code HTML, you have the basis to design any Web site.

HTML, a text document that is used by Web browsers to present text, graphics and pictures, stands for the Hyper Text Markup Language. It is the standard language for the World Wide Web. HTML code files are plain text files. They can be created and edited on any operating system, such as Windows and Mac.

The text files include markup tags such as <b> to indicate the beginning of what you want bold-faced and </b> to indicate the completion of the bold area. Other examples of markup tags:



<font>Font size and color designation</font>.

The HTML code can be composed within text editors such as NotePad in Windows or TextEdit in Mac. However, many designers used commercial software to edit the code, such as Dreamweaver by Macromedia.

The following items are basic functions of designing an HTML-coded Web site:


HTML head and body

The HTML document generally starts with a declaration of which version of HTML has been used, and is then followed by an <html> tag followed by <head> and at the end by </html>.

The <html> </html> tags are a container for the document. The <head> </head> tags encase the title, and information on style sheets and scripts. The <body></body> tags contain the markup with visible content. Here is a example of this basic layout:

<title>Title of your document</title>
<body>Document’s content</body>



The title is the main header of the Web site. It is showcased within the blue-striped window caption bar at the top of the screen. It should go at the start of your document. Here is an example:

<title>This is the title of the page</title>

You will notice that the text is surrounded by the start tag of <title> and the end tag of </title>. Try typing the code in a text editor and save the file as either “test.html” or “test.htm”. The computer reads each the same way.


However, if you use “test.html”, for example, you should tag every file with .html to keep it uniform.


Make sure you save the files in your C: drive. That way you can always view the development of your Web site within your system.


Headings and paragraphs


Headings are designated by the tags <h1>, <h2>, <h3>,<h4>,<h5>, and <h6>. <h1> is the largest of the headings. Headings are an excellent way of breaking up text in your Web site to make the design more presentable. Here’s an example of how to utilize the heading codes:

<h1>The heading that’s the largest</h1>

<h2>The next largest</h2>


Another way to break up text within your site is the <p> tag, or paragraph designation tag. Each paragraph should start with the <p> tag. The use of the </p> tag to end the paragraph is unnecessary, but many designers use it to keep their coding uniform.

Novices should look at source codes of existing sites to get a feel for how a site is coded. For example, if you are using Internet Explorer while surfing the World Wide Web, click on “Page” and scroll down to “View Source.” Click on that, and you will see a garble of code that was used to design that particular page.


Now that you have the basics down, now’s the time to have some real fun: Adding color, photos, links and lists to spruce up the page.

  Thank you to for this “HTML Basics” article.
  Latest Web Programming Basics Articles:
Copyright © Webprogrammingbasics.com 2008-2012, All rights reserved