Hello World
Written on June 6, 2007 by admin
Welcome, if you are reading this you are probably interested on how to create web pages. This is an easy task, that is probably a good place to start if you're new to programming. The first thing you need to learn is some basic html.(Hyper-Text Mark-Up Language) HTML is easy to learn because it's really more of a scripting language than a real programming language.
Instead of entering commands you'll use tags.(eg.- <tags>like this</tag>) To start open notepad, or the text-editor of your choice. Start at the top left with <html>. This is basically a header tag that will let the browser know what kind of file it is reading. Next we need to insert a <head> tag directly below that. Below that you should insert another tag called <title> beside it you should type some text that will appear at the top of the browser, for example "Hello world". Then we should have a closing tag for our title. </title> So that line should read: <title>Hello World</title> Remember anytime you have a tag with a "/" in it, it's a closing tag. Now we need to close the <head> with </head> on the next line. Next we should start a new line with the <body> tag. This is going to contain the bulk of our message, graphics, or whatever we chose to put on our page. But for now we're going to keep it simple and just type out "Hello World!" on the next line. And again we need to close this tag with a </body>. Finally we close our file with a </html> and save it. Check closely, your syntax can vary some but try to stick to my example to start learning to keep it spaced in readable fashion for others to view your source. And make sure you have included all the tags below:
Don't forget whenever you save an html file, to save it with an html extention. (eg.- helloworld.html) Otherwise you will only save your code as a text file and be looking at a bunch of tags vs. a web page. Now you should an icon as an .html file as a picture of your browser where you saved it and be able to open your page locally from there. If you were really going to display it for the world to see you would need a server or be able to to use a web hosting service like geocities or angelfire.com which happen to be free:) Or you can pay someone for the same thing.
If you want to add some color go to google and type in "html + colors". Pick one of your color selctions. You should notice there are hexdecimal numbers beside or overtop of them. Don't worry, just pick one. Say we decide to pick blue, in particular this blue: #0000FF. Take the code we used earlier and expand upon the <body> tag to add some background color
like so:
Well, that's enough for now.
