Thursday, March 12, 2015

Introduction of HTML

HTML


You can build your own website with HTML . The full abbreviation of HTML is "Hyper Text Markup Language" . Actually it is not a programming language, it is markup language which is a combination of a set of Markup tags. To define a website or a webpage HTML uses this markup tags.

HTML Tags


Simply HTML markup tags are called HTML tags. Tags are keyword which are bounded within angel brackets by both sides ;  e.g. <html>  .  Generally tags appear in a pair ; e.g. <b> and </b> . 
The first tag of this pair is beginning tag and the second is ending tag. Those are also called opening tag and closing tag. It is very important that if you start a tag you have to use the the second closing tag ;  e.g.   <p>This is a Paragraph</p>  .

HTML Document = Web Page


Actually HTML documents define web page. These documents contains HTML tags and plain text. These documents are called web page . To display the webpage by reading or decoding the HTML document we use the web browser. Browser does not show the HTML tags rather than the contents are translated.

See the following example :

<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph</p>
</body>
</html>

Please open the notepad program of your computer . The most easy way of opening notepad program  is click the RUN from the START menu and write notepad in the appeared window and press ENTER .



Now write down the above text (code) in the notepad and save it in any name. After this rename it as .htm or .html at the end of the name . Here I have saved the notepad file as  page.html


Result :

Open the above file (page1.html) with any web browser . After opening the file it will display the following page. You can assume  this page as your first developed web page. This is very small page but very effective. It will help to learn HTML . The following result will display after opening the page.


Explanation of This Example :

<html> and </html>  - the text between these tags define the web page .
<body> and </body> -  the text between these tags are displayable page content.
<h1> and </h1> - the text between these tags are displayed as heading.
<p> and </p> - the text between these tags are displayed as paragraph.

What is Needed to Learn HTML ?

To learn HTML you do not need any renown  HTML editor, web server or website. You can learn HTML with the simple text editor 'notepad' . And this the best way to learn HTML. Though professional web developers use big HTML editor like dreamweaver or frontpage to develop website rather than writing plain text. But there is no alternate way to use notepad to prepare your basic foundation.

1 comment: