Thursday, 2 January 2014

Basics Information of HTML


Hello Friends!
Today am going to start again HTML. I am already given to you a brief introduction of HTML. In this tutorial I will teach you some basics of HTML. And I will also given you some settings for Notepad++.
I will recommend you Notepad++ latest version. Because it is simple to use and will give you a style to design through which you can easily edit your HTML code later. And you can build a layout of your website effectively. You can also use Dreamweaver for developing a website. But you should take start from Notepad++. I will share the link of Dreamweaver as I feel that you should use Dreamweaver now.

Now open Notepad++.

 Above window will open when you run the notepad++. Now click on setting as I highlight that tab. When you click on setting then drop down menu will show and click on Preferences. After that Below window will be open...

 When above window will open then click on Auto-Completion that is in left-bar. When you will click on Auto-Completion Below screen will open...

 Now apply these setting that you see in above window. what's there purpose you will know when you will used it. It's very effective for working fastly. Now I will come towards my topic that is the basics of HTML.

WHAT is <!DOCTYPE html> ?

It's describe that our document type is HTML. How we will use it? After reading basics I will teach you how we can use it. Using this markup tag our basic purpose is that we want to make a HTML file. It's use for internet explorer because some browser can't understand directly our HTML file still we didn't use this tag.

WHAT is <html> and </html> ?

If we will not use this tag our website will working but we will not follow the standard  rules. We must careful about the standards of Developing a Website. <html> is a starting markup tag. We tell browser that we want to make an HTML file and we will do our work in these tags. </html> is an ending markup tag that tell to browser that out HTML file closed and we don't want to work anymore. You will do your work in these tags
<!DOCTYPE html>
 <html>
 Your work will be here 
</html>

You should follow the rules. If you will follow the rules then you can easily become a professional.

What is head and Title Tags ?

 In <html> starting and ending tags you will perform all other works like heading, title of page. In heading tag you will put title tags, you can also use script and style in heading tags which you will read later.

<head>
<title>This is the title of my page</title>
</head>

The text will show in top bar. From where we close any browser or other windows. Title show at the top of the browser. And we used it in head tags.

What is body Tags ?

After head tags we will make body tag <body> Your body text goes here </body>. We will do our all work in body tags. In HTML Every tag has starting and closing tags But some tags have no closing or ending tags.

<body>
 Body of Website!
</body>

These are the basics of HTML about which you should know. In Next tutorial we will  learn about more HTML tags which will be helpful for layout of a website.

You will write above code in notepad or notepad++ like this.....


 I will tell you later about this code why we write this code in above way. After writing this code save as index.html or index.htm you can give it another name but i will recommend you that you must should given this name. Because if you are hosting a website on server then server will find index.html file. About these we will discuss later.

Now  open your file which you save as index.html or index.htm. It will be open in your default browser. And your output will be like this...


In above you can see output of your work. In next tutorial we will read more. I will try to upload a video tutorial about HTML.

THANKS for reading my articles.

REGARDS:

                IT Naama TEAM

Zed Core

Zartash Zufiqar is a Proffesional Blogger From 3 years. Working on his own project. Didn't take any project. He make project alone and sell them in market.

0 comments:

Post a Comment

Blogger Tips and TricksLatest Tips And TricksBlogger Tricks

 

Copyright @ 2013 World oF IT.

Designed by IT Naama | IT Naama