sankalpgarud98
New Member
- Messages
- 108
- Reaction score
- 0
- Points
- 0
Ever wanted to make your own site and dont know how to do it, its quite easy just you need to know the basics...
The following article is an excerpt from http://adobewhatisit.com/and teaches how to get started with html
Visit the site to learn more...
Are you guys excited? Well if you are and you promise me that you will read this article and future articles (http://adobewhatisit.com/ )word by word, then I’ll make a promise to you that I can make you comfortable with this language.
For starters, open your favorite text editor(for more info on text editors, look at article no.2 in the same title.). It is a general practice while learning a new language to render out the hello world page. That is, you are going to learn how to create a html page that displays the text “hello world”.
Once you have your text editor open, delete everything what is there. Some text editors provide with basic HTML template, as that is pretty good, we want to learn what’s actually going on , so just clear the text area. Now, each and every HTML document consists of tags. What are tags, they are html specific words enclosed within angle brackets OR <> .
To let your browser know to treat our document as an HTML file we need to declare it for the browser. To do that, type in
<html>
In your plain text area. Most of the HTML tags (Atleast all basic tags) need to be closed. We need to declare when the tag is closing. To avoid the remembrance of closing the html tag we just typed, we will close it right now. Any tag in HTML is closed in the following manner. </ tagname>
So this should be our code up till now.
<html>
</html>
At this point please note these small yet important things. In html, the browser ignores all white spaces (in tags, not in text) . So starting or closing a tag may not harm at any cost. There is no compulsion whether you should close your tag on the same line or so. You may have several new lines. Its just a matter of getting your code organized so that after months when you look at the code, you may be able to identify what thing does what. Another thing is that HTML tags are not case sensitive. Meaning the above tags can also be <HTML> or <HtMl> or so…
Next lets create the body of the text. Today we are just going to do basic stuff so, it is not as easy as this. But for today, now lets add the opening and closing body tags. Here is the code up till now.
<html>
<body>
</body>
</html>
The body tags decide what things are to be displayed in the main browser screen. And if you have guessed that there may be a head tag and a leg tag as well, then congratulations there is a head tag with which you set a page title but sadly no leg tag
. Anyways we are not goinna do it today. For now just type in hello world after the first body, it might be on a new line as blank spaces are ignored. Remember there should be no angle brackets this time. You want to display your text as it is, right? Code we have managed to get to :
<html>
<body>
Hello World! <br> This is my first webpage
</body>
</html>
Notice ive also typed this weird thing (<br>) . Well what that is doing is pressing enter or return for you because you what, HTML ignores blank spaces… I just explained it to you. If you are not getting what Im trying to say, then Ive probably caught you napping, you may consider re-reading the article
. Anyways, you can add multiple <br>’s to get as many line breaks as desired.
Now the final thing to do is save the file and in the dialog box, save the file as a .html extension . If you’re using notepad for instance, then its default is .txt , so you need to change it to .html . Now open this file in your browser and you must see “hello world ! and on the next line This is my first webpage”.
Notice all the tags have just vanished, well that’s html for you. You can always check the html of any site by right clicking on the site and then choosing view source .
If you are not getting your results, then try comparing your code with mine. May be some typo . That’s it from me, adios.
The following article is an excerpt from http://adobewhatisit.com/and teaches how to get started with html
Visit the site to learn more...
Are you guys excited? Well if you are and you promise me that you will read this article and future articles (http://adobewhatisit.com/ )word by word, then I’ll make a promise to you that I can make you comfortable with this language.
For starters, open your favorite text editor(for more info on text editors, look at article no.2 in the same title.). It is a general practice while learning a new language to render out the hello world page. That is, you are going to learn how to create a html page that displays the text “hello world”.
Once you have your text editor open, delete everything what is there. Some text editors provide with basic HTML template, as that is pretty good, we want to learn what’s actually going on , so just clear the text area. Now, each and every HTML document consists of tags. What are tags, they are html specific words enclosed within angle brackets OR <> .
To let your browser know to treat our document as an HTML file we need to declare it for the browser. To do that, type in
<html>
In your plain text area. Most of the HTML tags (Atleast all basic tags) need to be closed. We need to declare when the tag is closing. To avoid the remembrance of closing the html tag we just typed, we will close it right now. Any tag in HTML is closed in the following manner. </ tagname>
So this should be our code up till now.
<html>
</html>
At this point please note these small yet important things. In html, the browser ignores all white spaces (in tags, not in text) . So starting or closing a tag may not harm at any cost. There is no compulsion whether you should close your tag on the same line or so. You may have several new lines. Its just a matter of getting your code organized so that after months when you look at the code, you may be able to identify what thing does what. Another thing is that HTML tags are not case sensitive. Meaning the above tags can also be <HTML> or <HtMl> or so…
Next lets create the body of the text. Today we are just going to do basic stuff so, it is not as easy as this. But for today, now lets add the opening and closing body tags. Here is the code up till now.
<html>
<body>
</body>
</html>
The body tags decide what things are to be displayed in the main browser screen. And if you have guessed that there may be a head tag and a leg tag as well, then congratulations there is a head tag with which you set a page title but sadly no leg tag
<html>
<body>
Hello World! <br> This is my first webpage
</body>
</html>
Notice ive also typed this weird thing (<br>) . Well what that is doing is pressing enter or return for you because you what, HTML ignores blank spaces… I just explained it to you. If you are not getting what Im trying to say, then Ive probably caught you napping, you may consider re-reading the article
Now the final thing to do is save the file and in the dialog box, save the file as a .html extension . If you’re using notepad for instance, then its default is .txt , so you need to change it to .html . Now open this file in your browser and you must see “hello world ! and on the next line This is my first webpage”.
Notice all the tags have just vanished, well that’s html for you. You can always check the html of any site by right clicking on the site and then choosing view source .
If you are not getting your results, then try comparing your code with mine. May be some typo . That’s it from me, adios.
