Introduction to HTML

HTML is the standard markup language for creating Web pages and Web applications. The HTML is developed by Tim Berners-Lee in 1990 and it stands for Hyper Text Markup Language. HTML describes the structure of Web pages using markup. It is a simple scripting language. In HTML Hypertext is simply a piece of text that works as a link and Markup language is a way of writing layout information within documents.

HTML is used for creating the basic structure of a website. An HTML document is nothing but a plain text file that contains text and 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.

HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML consists elements, which are the building blocks or HTML pages. The HTML elements are represented by tags. The HTML elements are represented by an opening tag, <tag>, and a closing tag, </tag>. The content between the tags, <html> and </html>, is the content of the webpage. The content between the tags, <head> and </head>, is the title of the webpage. This text is displayed between the <title> and </title> tags. The content between the tags, <body> and </body>, is the main content of the webpage. The content can include links , paragraphs, headings, and various other elements. For example, lets see the Simple HTML code :

<!DOCTYPE html>
  <title>Test website</title>
 <h1>Page Heading</h1>
  <p>Hello world!!</p>
  <p> This is the HTML Testpage 101 </p>

The basic HTML Page Structure is as follows :

At the above example :

  • <!DOCTYPE html> declaration defines this document to be HTML5
  • <html> element is the root element of an HTML page
  • <head> element contains meta information about the document
  • <title> element specifies a title for the document
  • <body> element contains the visible page content
  • <h1> element defines a large heading
  • <p> element defines a paragraph

Creating HTML Page :

Creating an HTML document is very easy. To start coding HTML, we only need a simple text editor like notepad and a web browser. To create your first HTML page/document, follow the belo instructions :

1. Open Notepad or any other text editor.

2. Type or copy/paste the above given code in notepad

3. Now goto File Menu and choose 'Save As' option.

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

5. Name the file test.html and Click Save.

Now open the test.html file with the web browser.

Next Topic :