Simple HTML Tutorial
LESSON 1 - PREPARATION
Why use HTML?
HTML stands for HyperText Markup Language. The language is used to markup a text file (put special codes in it) so that all browsers can read it over the Internet.
There are many ways to code HTML:
HTML is not difficult. It's not rocket science and it's not programming. There are no complicated structures like IF ... THEN ... ELSE in HTML. If you're the slightest bit handy with the keyboard and a bit artistic, you can create a decent web page in HTML.
So, in this tutorial you will learn the basic stuff you need to know to create your own HTML pages. You will find it much more flexible and powerful than a page created by FrontPage or Word.
Get the right tools
Step one: get a decent HTML editor. That's a program that helps you write the HTML code with prompts and menus and buttons. It usually does things in color, it can open multiple files, allow you to do search and replace of text, etc.
I recommend Arachnophilia. It's free! It has lots of powerful functions to do everything you will ever need to do in HTML. It really is one of the best tools I've seen in a long time. Installation is straightforward and you'll be ready to start coding.
Step two: find some decent graphics that you will need. If you intend to use a special background and a logo and pictures, download them into a separate directory on your disk.
Here are a couple of good sources for graphics:
Make a plan
Take a piece of paper and draw a free-hand sketch, a layout, of what the page will look like. It could look something like this:
Your layout may be a bit, or a lot, neater than mine but it doesn't have to be. Let me correct that. It doesn't really have to be if you're working for yourself. If it happens that you are preparing a layout for a client, I would suggest that you make it a lot neater and more professional.
Decide how the page is going to be split-up - how many columns and rows. That will become more obvious when we look at tables later.
Select the graphics you want to use. Decide on alignment - center, left, right? Specify if alignment refers to colum borders or page borders.
Choose the fonts you will use for text. Face, size, color and alignment of different headings, quotes and paragraphs.