Learn HTML
Are you feeling a bit lost when someone mentions those four letters, 'HTML'? Well it is actually very easy to learn and understand. We will cover how to set up a simple page, how to format text, insert images, and insert links. Lets start by explaining what it is exactly.
When you visit a page, you see columns, images, links and different colours. This has all been written by someone (or someone used a program to write it). And it is written in HTML. All web pages are sent to your browser (such as 'Internet Explorer' or 'Firefox') as HTML.
HTML is the easiest 'computer language' to learn. Now, when you write a formal letter to someone, there are things you add at the start and end aren't there (such as at the start their address, the date, and at the end your name and signature). Between these items you write the body of the letter. Well, in some ways, the basics of HTML is very similar.
Let me just give you an example of a simple page. This would display the words 'Welcome' in the browser (the numbers in bold are not part of the codethey are just line numbers so we know what we are talking about later on).
1]
2]
3]
4]
5]
6]
7] Welcome
8]
9]
All tags start and end. A start tag looks like and and ending tag for it would look like . There are many tags - ... for underline, ... for bold etc.
If we go back to the letter example, you normally write your address, the date, their address etc at the top. Well this is what the first four lines are like. The first line, (note, in html, it doesn't normally matter if it is upper or lower case. In some technologies such as xhtml it does, but for now it doesn't matter) just declares that between that html 'tag' as it is known, and the ending html tag on line 9 (notice the back slash, indicating it has ended) it has html within it.
The head contains information that isn't directly displayed by your browser. The
...
Your content goes here, such as Computer Techneek!
...
And replace the "..." bits with your content. Save it as a .htm or .html file (it makes no difference what you choose) and open it in your browser.
Here is an example simple web page using everything we have covererd so far:
Hello! Welcome to my page! Click on the image to go to http://www.techneek.co.uk ![Techneek.co.uk src="]()
Now you are ready to go further. I recommend that you search for things on your favourite search engine, such as:
paragraph HTML tag
hr html tag
Center html tag
basic CSS tutorial
uploading webpage OR website tutorial server
Have fun!
Ashley Baker is the owner of TechNeek - a computer hardware component news and reviews site. If you need a review of a computer related matter, get down to http://www.techneek.co.uk! |
Home Page
