Introduction to HTML
html stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language.
  • Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext.

  • Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display.

If you are new to HTML and haven't read through our Beginner's Tutorial, please take a few minutes to complete that tutorial before moving on. Creating an HTML document is easy. To begin coding HTML, you need only two things: a simple-text editor, such as Notepad, and the dedication to follow this tutorial! Notepad is the most basic of simple-text editors, and you will probably code a fair amount of HTML with it in your early stages. Notepad++ is another popular favorite among web developers. These innovative text editors are specialized for writing simple code and they utilize color coding to help you write concise code.

All you need to do to use HTML is to learn what type of markup to use to get the results you want.

Brief HTML Background

HTML hasn't been around for many years. The first web pages began in November 1990, and back then, there were little to no HTML standards to follow. As a result, a group called the World Wide Web Consortium formed to set standards for coding HTML. We will base our teachings around these widely-accepted coding standards.

  • Open Notepad or another text editor.

  • At the top of the page type <html>.

  • On the next line, indent five spaces and now add the opening header tag: <head>.

  • On the next line, indent ten spaces and type <title> </title>.

  • Go to the next line, indent five spaces from the margin and insert the closing header tag: </head>.

  • Five spaces in from the margin on the next line, type<body>.

  • Now drop down another line and type the closing tag right below its mate: </body>.

  • Finally, go to the next line and type </html>.

  • In the File menu, choose Save As.

  • In the Save as Type option box, choose All Files.

  • Name the file template.htm.

  • Click Save.

You have basic HTML document now, to see some result put the following code in title and body tags.

<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document description goes here.....</p>
</body>
</html>

Now you have created one HTML page and you can use a Web Browser to open this HTML file to see the result. Hope you understood that Web Pages are nothing but they are simple HTML files with some content which can be rendered using Web Browsers.

Here <html>, <head>,...<p>, <h1> etc. are called HTML tags. HTML tags are building blocks of an HTML document nd we will learn all the HTML tags in subsequent chapters.

NOTE: One HTML file can have extension as .htm or .html. So you can use either of them based on your comfort.


Web Pages

An HTML document starts and ends with <html> and >/html> tags. These tags tell the browser that the entire document is composed in HTML. Inside these two tags, the document is split into two sections:

  • Here are some important facts about why web pages are so useful! They are a low-cost and easy way to spread information to a large audience. The provide yet another medium you can use to market your business! They serve as a platform to let the world know about you!

  • The <body>...</body> elements, which contain the real content of the document that you see on your screen.


HTML Tags and Elements:

HTML language is a markup language and we use many tags to markup text. In the above example you have seen <html>, <body> etc. are called HTML tags or HTML elements.

Every tag consists of a tag name, sometimes followed by an optional list of tag attributes , all placed between opening and closing brackets (< and >). The simplest tag is nothing more than a name appropriately enclosed in brackets, such as <head> and <i>. More complicated tags contain one or more attributes , which specify or modify the behavior of the tag.

According to the HTML standard, tag and attribute names are not case-sensitive. There's no difference in effect between <head>, <Head>, <HEAD>, or even <HeaD>; they are all equivalent. But with XHTML, case is important: all current standard tag and attribute names are in lowercase.


Words to Know

Throughout this tutorial, we will be using several terms that are unique to HTML. It is important for you to understand what these words mean, in the context of HTML.

  • Tag - Used to tag or "mark-up" pieces of text. Once tagged, the text becomes HTML code to be interpreted by a web browser. Tags look like this:
  • Element - A complete tag, having an opening and a closing .
  • Attribute - Used to modify the value of the HTML element. Elements will often have multiple attributes.

For now, just understand that a tag a piece of code that acts as a label that a web browser interprets, an element is a complete tag with an opening and closing tag, and an attribute is a property value that customizes or modifies an HTML element.


What is Next:

Next you will see baisc HTML tags in more detail and you will have understanding on HTML tags attributes also.



                                                                                                                                                       Next

Back to Top