Coupon Accepted Successfully!


What is HTML?



WebPages are written in HTML - a simple scripting language.

HTML is short for Hypertext Markup Language.

· Hypertext is simply a piece of text that works as a link.

· Markup Language is a way of writing layout information within documents.

Basically an HTML document is a plain text file that contains text and nothing else. When a browser opens an HTML file, the browser will look for HTML codes in the text and use them to change the layout, insert images, or create links to other pages. Since HTML documents are just text files they can be written in even the simplest text editor.

A more popular choice is to use a special HTML editor - maybe even one that puts focus on the visual result rather than the codes - a so-called WYSIWYG editor ("What You See Is What You Get").

Some of the most popular HTML editors, such as FrontPage or Dream weaver will let you create pages more or less as you write documents in Word or whatever text editor you're using.


 Basically, a computer sees an "A" as simply an "A" - whether it is bold, italic, big or small.

To tell the browser that an "A" should be bold we need to put a markup in front of the A.

Such a markup is called a Tag.

All HTML tags are enclosed in < and >.

Example: a piece of text as it appears on the screen.

This is an example of bold text.HTML: the HTML for the above example:

This is an example of <b>bold</b> text.

As you can see, the start tag <b> indicates that whatever follows should be written in bold. The corresponding end tag </b> indicates that the browser should stop writing text in bold.


All normal webpages consist of a head and a body

* Head (The head is used for text and tags that do not show directly on the page.)

* Body (The body is used for text and tags that are shown directly on the page.)

Finally, all webpages have an <html> tag at the beginning and the end, telling the browser where the document starts and where it stops.

The most basic code - the code you will use for any page you make, is shown below:

<!-- This section is for the title and technical info of the page. -->
<!-- This section is for all that you want to show on the page. -->


The head section of the webpage includes all the stuff that does not show directly on the resulting page.

The <title> and </title> tags encapsulate the title of your page. The title is what shows in the top of your browser window when the page is loaded.

Right now it should say something like "Basics - Html Tutorial" on top of the window containing this text. Another thing you will often see in the head section is metatags. Metatags are used for, among other things, to improve the rankings in search engines. Quite often the head section contains javascript which is a programming language for more complex HTML pages. Finally, more and more pages contain codes for cascading style sheets (CSS). CSS is a rather new technique for optimizing the layout of major websites. Since these aspects are way out of reach at this stage we will proceed with explaining the body section.


The body of the document contains all that can be seen when the user loads the page.

* Text

  · Formatting

  · Resizing

  · Layout

  · Listing

* Links

  · To local pages

  · To pages at other sites

  · To bookmarks

* Images

  · Inserting images (GIF and jpg)

  · Adding a link to an image

* Backgrounds

  · Colors

  · Images

  · Fixed Image

* Tables

* Frames

* Forms

* Metatags

* Hexadecimal Colors

Test Your Skills Now!
Take a Quiz now
Reviewer Name