An HTML Tutorial - page 2

We will discuss some slightly more advanced topics here: tables, and "view source".

Tables

A table allows you to arrange information in rows and columns. Here's a quick example:

cell	another cell
cell 3	cell 4

Learn from other web pages

I'm also going to introduce the concept of "View-Source" at this stage. Partly, it's so that I don't have to say everything twice.

To see the HTML for the table shown above, click on View -> Source on the browser's menu. (the menu is at the top of your browser window. Look up!)

In Firefox, Ctrl-U works too and the menu item is View->Page Source.

To help you find the table in the HTML source, I've added a comment to the HTML source code which says "The Table Starts here" in capital letters. Comments are bits of information in the HTML which do not appear in the browser window. I'll let you work out how to do comments. View-Source to find out.

Back to the subject of tables, you'll see that the table is contained in a 'table' tag, and inside this, there are 'tr' tags (table row), which contain 'td' (table data) tags.

There's more to tables. You can look it up on the internet. Try these sites:

W3Schools — Brilliant tutorials about everything to do with Web Stuff.
W3.org — (The WWW consortium, who agree the standards. Warning This site is extremely technical)

In the next article, we'll discuss colours. That's it for today. Have a play with what you've learned so far.