HTML is a web designing language. It is used to very excellent pages on internet. Many of us want to have a new website on internet but they can't do it themselves so, they go to web designers for this purpose. But they don't have to do it now as I am here with my new project to tell you all how to design a web page. Let me tell you that during the reading the following article you are going to be bored many times but one thing you have to keep in mind that to gain something you have to lose something and this time it is TIME.
First let me tell you that HTML is a very easy language if you are going to give full attention to the topic then you will find at the end it was no big deal. You may have seen various sites on Internet those all are made By making the use of HTML. I am going to use a very simple way to describe that By using pictures and text options such that you are going to like it. It is a step by step process to learn HTML. So lets get started......
REQUIREMENTS
There is no big requirements but only thing you need is a computer on which you can work. There are many sites which tell you that what the HTML codes but nobody tells you that how to or where to use that code. The HTML code can be easily operated on Notepad window which is pre-installed on every window you install on your computer. These there are many different software available over internet on which you can type the code but I am telling you the very basic of HTML programming.
SYNTAX
You may be new to this word But a programmer has a deep connection with this word. This is a simple word with a simple meaning. Let me explain this to you this by taking an example. Under this paragraph you are able to see two pictures. Examine both of them and think in mind what thing are you seeing in those pictures.
Now tell me what are you seeing in those. Exactly these are simply pens and chalks. But If someone say you that these are not pens or chalks but these are enps and lkcahs what will you say. Surely you will get shocked. This is what I call syntax. The person just had changed the arrangement of the words and the whole words meaning reduced to nothing. If during a program you change the basic arrangement of the code than meaning of the code is going to be reduced to nothing. So, be aware of that.
BASIC SYNTAX
The given code can be used by start your work.
<HTML>
<HEAD> </HEAD>
<BODY>
</BODY>
</HTML>
Each time you start a tag you have to end it somewhere(it have some exceptions).
You start a tag using < > and end it using </>.This tag can be written in notepad page as follows.
You have enter your material inside the starting and ending of this BODY tag.
CONVERTING SIMPLE NOTEPAD FILE TO BROWSER FILE
How to make this simple basic syntax of notepad file work on browser? There is a very simple way.
You just have to open the notepad type the code as shown above. Then click on file written on the left hand upper corner of the notepad window. Then click on the save button. Clear the thing written in the column against File Name and write anything just end it by placing ".html" at the end of it and see it working. Now you can see the place where you have saved it and you can see how the notepad icon has just changed into your own browser icon. There is graphical representation for you.
ADDING CONTENT TO YOUR WEBSITE
Now it is very easy to add content to your web page. Just follow the simple instructions for this process. Everything you write inside the opening and closing of the body tag is shown as it is on the web page. But it should be only text i.e. if you are trying to place an image in the notepad file and you wish that it is visible on the web page simply, let me tell you this is not going to happen. You have to write a big code for this purpose.
As in the earlier step we have changed the file to browser form now you have to change it again to notepad form now for this purpose right click on the your browser file. Now select the option "open with" and click on notepad and a notepad file will be opened for you and you are ready to do the further coding.
Notepad pic |
web browser pic |
ADDING ATTRIBUTES TO YOUR WEB PAGE
Attributes are the various characters you can use in a webpage to make it much more amazing or the options that make it much more beautiful.I am going to arrange it one by one for you. Just go trough these subheadings.
HEADINGS
You may want to add various headings at various levels of your web page. HTML have a very good feature that create heading of 6 types. This means that you can use heading option to form 5 types of subheadings. When you use heading tag the text get bold i.e. the heading in the bold form. I am showing you how to use these tags.
This shows the beautiful headings view of heading tag. Now let us move on to the next attribute.
PARAGRAPHS
Paragraph tag is used to create paragraphs in the web page. It helps us to create a beautiful paragraphs and it help us to keep our text in a format so that to make it look beautiful. By using this tag our stuff looks well organised.
You can also check my other posts.......... |
Comments
Post a Comment