Wednesday, November 13, 2013

Introduction to HTML coding

It is important that you know Windows or Unix. A working knowledge of Windows or Unix makes it much easier to learn HTML.
Basic word processing using any text editor.
How to create directories and files.
How to navigate through different directories.
Basic understaning on internet browsing using a browser like Internet Explorer or Firefox etc.

Defination
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.

Originally, HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers.
All you need to do to use HTML is to learn what type of markup to use to get the results you want.

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 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>Website title</title>
</head>
<body>
<h1>This is a heading to Web Page</h1>
<p>Web page description</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 coming chapters.
NOTE: One HTML file can have extension as .htm or .html. So you can use either of them based on your comfort.

No comments:

Post a Comment