Skip to main content

Learn HTML in minutes

          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.






































This is not the end their is more coming just try this and ask me you have any questions through comments.

You can also check my other posts..........

          


   












Comments

Popular posts from this blog

Preface of write India campaign by Ashwin Sanghi

Starting of another month and coming of new writer for you. That is the main rule of Write India campaign. So, who is this time... Yes you are write its the most leading writer of India Mr. Ashwin Sanghi So, Ashwin Sanghi's preface is live for you on write India campaign's website. Lots of stories have been written for Mr. Chetan Bhagat as the competition went to its second month in the month of August. But hey, that is the story of last month and we never think about the past. We are the people who love to stay in the present, Aren't we.  So, let us talk about the present. Let us talk about the current writer who is on the board and is ready with his preface for you to write stories for him and let us write with a believe that we are going to win this time.  By the way their is no bad in reading the past as it is better to see what happened earlier and then come up with a new strategy for yourself so you can learn from the mistakes of others. So here I am l

My story for Chetan Bhagat

Write India campaign for Chetan Bhagat ended on 30th of August. So the time for sending the stories to TOI are over now( Not Literally, Check this post for more information). Also the results for the preface of Amish are out. As you know that I am not a very good writer, therefore I was not able to get my name into the winning 3's(Hahahaha). The stories of the winners are going to be in the book which is the part of this campaign. I would love to read that book when it is out. But I will not loose my hope and keep trying till the competition ends. It does not cost anything whether I win or not as I have this blog to share my stories with my readers. I will keep posting my stories here and keep asking my readers to tell me what is the area in which I need to improve. Finally I am going to end up in a better condition. Similarly all the other guys who are willing to post their stories up on this blog can improve too. Let me tell you how? All of the guys who want to post o

140 Character : No More Limit

Is Twitter really removing the 140 character limit.           Hopefully Twitter is really going to remove this hurdle in front of there users by removing the 140 character limit in June at least from the private messages but limit for the tweet is going to stay as it is.          According to a website  seventeen.com  the new limit is going to be set upon 10000 characters.  The set up is taking place and is going to be out and ready to be use in July. Why the 140 character limit was there?           In the early years when twitter was not in the picture and was not yet started some undergraduates thought of starting a SMS service which then grew  into today's Twitter. As the SMS do have constraints about the number of characters Twitter came out with having a 140 character limits. Why no limit now?           Twitter had removed the limit now to keep up with there competitors like Whats App and Face Book. Both of them have no limits on number of chara