HTML Tutorial in Easy Language Part 1

Posted By: KP On August 28, 2009 Under Internet, Other, Programming, Web Design Categories

HTML stands for Hyper Text Markup Language. It’s the basic start-up for any webdesign or website coding. HTML is easy to learn, you do not need to memorize much things. It’s a very short course lasting few days and then you will be able to code your own simple basic website. In fact, you will be able to start good websites for your own. Because you are not learning CSS right now, we will use already setup CSS in later sessions of this new tutorial series. Later on you can move on higher web programming language like PHP, ASP.

The main purpose of creating this type of tutorial series is to help my readers and friends who have always been asking me to teach them the HTML coding. So this post goes out to all of you guys !!! So all you gotta do is to be a regular visitor here and keep checking the tutorial series for new updates. I will be posting new tutorials very often and regularly. Inorder to take advantage of all my lectures please subscribe to me via E-mail or RSS bookmark from sidebar of the blog.

Our target is to learn HTML from its basics till launching your own website. I understand many of you guys are techno-phobic so I won’t be using high or typical technical words, and if I do I will be considerate enough to probvide definitions for those words. And I will try to go a little non technical for easy explanations and understanding. And certainly please don’t quote me for those definitions if you are interested in finding the exact working definition please refer to the textbooks. Here I will try not to bombard you with much theory rather I will be trying my best to train you in a more pratical way.

HTML is a basically a language via which you interpret with the browser about how exactly the webpage will look. HTML has got its own commands known as “Tags”. The contemporary version of HTML is version 4, but HTML5 will be soon introduced.

Here is the basic syntax for HTML.

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

The tags are paired. <HTML> tells a browser that HTML is starting from the line. A forward slash (/) suggests that the tag ends here.

Let me give you some basic rules for HTML tags.

  • HTML tags are not case sensitive, although it’s always better to write tags in capital letters.
  • Tags are of two types: Paired and Unpaired. Paired are those which needs to be closed once you have opened it and Unpaired tags don’t have a closed tag version.We have already seen some example of the paired tags. Here is an example for an Unpaired tag. Lets say <br/>, used to break a line, is an unpaired tag. So the use of a <br/> is pretty much self explanatory. These tags are also self closed tags. For that you need to add a / at end of the tag. Self closed tags are used when the tag is unpaired, so we are closing the tag in the tag itself only by adding / at end to show the browser it is closed. Its the way to code an error free HTML code.

  • Use of any invalid tag is ignored by the browser.
  • Tags should be closed in the same sequence in which they were opened or you will be leading to wrong output.
  • You can not override basic HTML syntax.
  • HTML tags have it’s own attributes.
  • Tags should be written between <> brackets

To write HTML you will need a simple text editor. Notepad will work too. But to keep it little easier I would recommend KPSofts’ HTML Learner’s Tool. It’s a tool where you can edit HTML files, get instant preview of  the HTML you type, get explanation for most of HTML tags and in addition to that it also provides with the  feature  like easy typing of the tags.

HTML files are saved with extension .htm or .html. It can be viewed using any internet browser, but I recommended Mozilla FireFox

Be sure to read here for next lecture. We will make our first HTML page. Please use the following  form to  subscribe for FREE E-mail or RSS updates.

Link to Next Lecture ( Part 2 ) : http://blog.kpsofts.com/2009/08/html-tutorial-tags-hello-world-text-formatting.html



Share with Friends ( Sharing is Caring! )


Subscribe For E-mail Notification Of Article Updates

Enter your email address:

NOTICE:
DO NOT FORGET TO CLICK ON THE VERIFICATION LINK AFTER SUBSCRIBING,THE VERIFICATION MAIL WILL BE SENT TO YOU FROM "FeedBurner Email Subscriptions".
( What is this? Why I need to do this?)

Related Posts

Post a Comment

OR