HTML INTRODUCTION

HTML Definition

HTML stands for Hyper Text Markup Language. It allows us to organize text, graphics, audio and video on a web page.

  • The word Hypertext refers to the text which acts as a link.
  • The wordmarkup refers to the symbols that are used to define structure of the text. The markup symbols tells the browser how to display the text and are often called tags.
  • The word Language refers to the syntax that is similar to any other language.
  • HTML was created by Tim Berners-Lee at CERN.
  • HTML tags label pieces of content such as "heading", "paragraph", "table", and so on. Browsers do not display the HTML tags, but use them to render the content of the page
  • HTML Versions:
    • HTML 1.0 in 1997.
    • HTML 20. in 1995.
    • HTML 3.2 in 1997.
    • HTML 1.0 in 1999.
    • XHTML in 2000 and.
    • HTML5 in 2012.

Creating HTML Document?

Creating an HTML document is easy. To begin coding HTML you need only two things: a simple-text editor and a web browser. Notepad is the most basic of simple-text editors and you will probably code a fair amount of HTML with it.

  • Open Notepad or another text editor.
  • At the top of the page type <html>.
  • On the next line, indent 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.


Example Explained

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

HTML Page Structure

<html>
<head>
<title>Page title(aimtocode.com)</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

Note: Only the content inside of <body> section (the white area above) is displayed in a browser.