cs101 introduction to computing lecture 9 introduction to html (web development lecture 2)

81
CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Upload: philip-newman

Post on 02-Jan-2016

217 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

CS101 Introduction to Computing

Lecture 9Introduction to HTML

(Web Development Lecture 2)

Page 2: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Learning Goals for Today

1. To develop your personal Web page

2. To upload your Web page to UMT’s Web server so that it becomes visible on the Internet as http://sst.umt.edu.pk/student/xxxxxxxxx/

where xxxxxxxxx is your user ID

Page 3: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

But first …How I developed my personal Web pageand made it available over the Internet through the URL

http://sst.imt.edu.pk/fac/ihussain

Page 4: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Requirements

• Text Editor

• Browser

• Server

Page 5: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

link

URL

page title

Page 6: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTMLHyper Text Markup Language

Page 7: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Tags• HTML consists of sets of commands

called Tags• Tags tell browser how to display

information.• Tags come in pairs• Tags are not case sensitive• Document Tags• Text Structure Tags

Page 8: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<HTML>

<HEAD><TITLE>Imran Hussain's Home Page</TITLE></HEAD>

<BODY>

<H1>Imran Hussain</H1>

<P><B>Assistant Professor</B><BR><A HREF="http://www.imt.edu.pk/">IMT</A><BR>52-L Gulberg III, Lahore, Pakistan.<BR>+92-42-588-6166<BR><A HREF="mailto:[email protected]">[email protected]</A><BR></P>

<P>I teach the <A HREF="http:/sst.imt.edu.pk/cs101/">Introduction to Computing</A> course. </P>

</BODY>

</HTML>

HTML Code

Page 9: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<HTML>

<HEAD><TITLE>Imran Hussain's Home Page</TITLE></HEAD>

<BODY>

<H1>Imran Hussain</H1>

<P><B>Assistant Professor</B><BR><A HREF="http://www.imt.edu.pk/">IMT</A><BR>52-L Gulberg III, Lahore, Pakistan.<BR>+92-42-588-6166<BR><A HREF="mailto:[email protected]">[email protected]</A><BR></P>

<P>I teach the <A HREF="http:/sst.imt.edu.pk/cs101/">Introduction to Computing</A> course. </P>

</BODY>

</HTML>

HTML Code

The ones in yellow, i.e.<HTML>, </HTML>, <HEAD>,</HEAD>, <BODY>, </BODY>

are the six essential HTML tags,required in all Web pages

1

2

3

4

5

6

Page 10: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<HTML>

<HEAD><TITLE>Imran Hussain's Home Page</TITLE></HEAD>

<BODY>

<H1>Imran Hussain</H1>

<P><B>Assistant Professor</B><BR><A HREF="http://www.imt.edu.pk/">IMT</A><BR>52-L Gulberg III, Lahore, Pakistan.<BR>+92-42-588-6166<BR><A HREF="mailto:[email protected]">[email protected]</A><BR></P>

<P>I teach the <A HREF="http:/sst.imt.edu.pk/cs101/">Introduction to Computing</A> course. </P>

</BODY>

</HTML>

HTML Code

Page 11: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code<HTML>

<HEAD><TITLE>Imran Hussain's Home Page</TITLE></HEAD>

<BODY>

<H1>Imran Hussain</H1>

<P><B>Assistant Professor</B><BR><A HREF="http://www.imt.edu.pk/">IMT</A><BR>52-L Gulberg III, Lahore, Pakistan.<BR>+92-42-588-6166<BR><A HREF="mailto:[email protected]">[email protected]</A><BR></P>

<P>I teach the <A HREF="http:/sst.imt.edu.pk/cs101/">Introduction to Computing</A> course. </P>

</BODY>

</HTML>

Page 12: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code<HTML>

<HEAD><TITLE>Imran Hussain's Home Page</TITLE></HEAD>

<BODY>

<H1>Imran Hussain</H1>

<P><B>Assistant Professor</B><BR><A HREF="http://www.imt.edu.pk/">IMT</A><BR>52-L Gulberg III, Lahore, Pakistan.<BR>+92-42-588-6166<BR><A HREF="mailto:[email protected]">[email protected]</A><BR></P>

<P>I teach the <A HREF="http:/sst.imt.edu.pk/cs101/">Introduction to Computing</A> course. </P>

</BODY>

</HTML>

Page 13: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code<HTML>

<HEAD><TITLE>Imran Hussain's Home Page</TITLE></HEAD>

<BODY>

<H1>Imran Hussain</H1>

<P><B>Assistant Professor</B><BR><A HREF="http://www.imt.edu.pk/">IMT</A><BR>52-L Gulberg III, Lahore, Pakistan.<BR>+92-42-588-6166<BR><A HREF="mailto:[email protected]">[email protected]</A><BR></P>

<P>I teach the <A HREF="http:/sst.imt.edu.pk/cs101/">Introduction to Computing</A> course. </P>

</BODY>

</HTML>

Link Label

Link Descriptio

n

Page 14: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code<HTML>

<HEAD><TITLE>Imran Hussain's Home Page</TITLE></HEAD>

<BODY>

<H1>Imran Hussain</H1>

<P><B>Assistant Professor</B><BR><A HREF="http://www.imt.edu.pk/">IMT</A><BR>52-L Gulberg III, Lahore, Pakistan.<BR>+92-42-588-6166<BR><A HREF="mailto:[email protected]">[email protected]</A><BR></P>

<P>I teach the <A HREF="http:/sst.imt.edu.pk/cs101/">Introduction to Computing</A> course. </P>

</BODY>

</HTML>

Page 15: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code<HTML>

<HEAD><TITLE>Imran Hussain's Home Page</TITLE></HEAD>

<BODY>

<H1>Imran Hussain</H1>

<P><B>Assistant Professor</B><BR><A HREF="http://www.imt.edu.pk/">IMT</A><BR>52-L Gulberg III, Lahore, Pakistan.<BR>+92-42-588-6166<BR><A HREF="mailto:[email protected]">[email protected]</A><BR></P>

<P>I teach the <A HREF="http:/sst.imt.edu.pk/cs101/">Introduction to Computing</A> course. </P>

</BODY>

</HTML>

Page 16: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code<HTML>

<HEAD><TITLE>Imran Hussain's Home Page</TITLE></HEAD>

<BODY>

<H1>Imran Hussain</H1>

<P><B>Assistant Professor</B><BR><A HREF="http://www.imt.edu.pk/">IMT</A><BR>52-L Gulberg III, Lahore, Pakistan.<BR>+92-42-588-6166<BR><A HREF="mailto:[email protected]">[email protected]</A><BR></P>

<P>I teach the <A HREF="http:/sst.imt.edu.pk/cs101/">Introduction to Computing</A> course. </P>

</BODY>

</HTML>

Page 17: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code<HTML>

<HEAD><TITLE>Imran Hussain's Home Page</TITLE></HEAD>

<BODY>

<H1>Imran Hussain</H1>

<P><B>Assistant Professor</B><BR><A HREF="http://www.imt.edu.pk/">IMT</A><BR>52-L Gulberg III, Lahore, Pakistan.<BR>+92-42-588-6166<BR><A HREF="mailto:[email protected]">[email protected]</A><BR></P>

<P>I teach the <A HREF="http:/sst.imt.edu.pk/cs101/">Introduction to Computing</A> course. </P>

</BODY>

</HTML>

Page 18: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

This HTML document was developed in a plain-text editor called notepad

Page 19: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)
Page 20: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

After typing the code into notepad, I saved it as index.htm

To check if I have done everything right, I double clicked on icon of the saved file index.htm

Double clicking on the icon launched the Web browser displaying my index.htm

Page 21: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

My Web page is done!

Page 22: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Problem!My Web page is visible only on my computer. It would be nice if it was also visible on the computers of all my friends and relatives as well.

Page 23: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Solution!I need to upload my Web page to a Web server that is connected to the Internet

As a result, my Web page will become accessible to anyone with a computer hooked up to the Internet

Page 24: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Upload Process

I used ftp to upload my Web page to the IMT Web server

Page 25: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Eureka!

Page 26: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

My Web page is now accessible from all of the millions of computers connected to the Internet

Page 27: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

http://sst.imt.edu.pk/fac/ihussain/index.htm

http://sst.imt.edu.pk/fac/ihussain

Page 28: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Enough about mine …

Here is how you can develop your personal Web page

and make it available on the Internet as http://sst.umt.edu.pk/student/xxxxxxxxx

Page 29: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Developing Your Own Web Page

Step 1Open notepad, type in the HTML code, and save it as index.htm on your PC’s Desktop

Page 30: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Developing Your Own Web Page

Step 2Log on to the IMT Web server and upload that index.htm from your PC’s Desktop to your account on that Web server

Page 31: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

That is it!Your Web page is now accessible on the Internet through the URL:

http://sst.umt.edu.pk/student/xxxxxxxxxwhere xxxxxxxxx is your user ID

Page 32: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<HTML>……</HTML>

Page 33: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML tags that go in the HEAD portion of

a Web page

Page 34: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<HEAD>……</HEAD>

Page 35: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<TITLE> … </TITLE>

Page 36: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML tags that go in the BODY portion of

a Web page

Page 37: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<BODY>……</BODY>

Page 38: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<P> … </P>

Paragraph

Page 39: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<BR>

Line break

Page 40: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<B> … </B>

Bold text

Page 41: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<A HREF = “action” > label </A>

Anchor(Anchors are used to embed links in a Web page)

Page 42: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<A HREF = “action” > label </A>

• http://– Displays the Web page specified by the link– example: “http://www.umt.edu.pk”

• mailto:– Sends an e-mail to the specified address– example:

“mailto:[email protected]

Page 43: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<A HREF = “action” > label </A>

label can be any text string

Page 44: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML CodeI am at the

<A HREF=“http://www.imt.edu.pk”>IMT</A>. You can send me an e-mail by clicking

<A HREF=“mailto:[email protected]”>here</A>.

Browser DisplayI am at the IMT. You can send me an e-mail by clicking here.

Page 45: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Single Tags with Attributes

<tagName attributes>

Example: <HR width=“50%”>

Page 46: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Paired Tags

<tagName> … </tagName>

Example: <H1> … </H1>

Page 47: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Paired Tags with Attributes

<tagName attributes > … </tagName>

Example: <H1 align=“center”> … </H1>

Page 48: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code

<UL>

<LI>SimCity</LI>

<LI>Quake</LI>

<LI>Bridge</LI>

</UL>

• SimCity

• Quake

• Bridge

Browser Display

Page 49: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<UL> Un-ordered List

<LI> Line Item

Page 50: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

The default “bullet” for these lists is a “disc”

That, however, can be changed to a “circle” or a “square” with the help of the type attribute

Page 51: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code

<UL type = “circle”>

<LI>SimCity</LI>

<LI>Quake</LI>

<LI>Bridge</LI>

</UL>

• SimCity

• Quake

• Bridge

Browser Display

Page 52: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

type = “square”

Page 53: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Q: What happens if I start a new list without closing the original one?

<UL><LI>SimCity</LI><LI>Quake II</LI>

<UL> <LI>SimCity 3000</LI>

<LI>Quake III</LI></UL>

<LI>Bridge</LI></UL>

Page 54: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

• SimCity

• Quake II

• SimCity 3000

• Quake III

• Bridge

Browser Display

1. Different bullets2. Additional tab

Page 55: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Such structures, i.e., those in which a new one starts before the first list is finished, are called Nested Lists

Page 56: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Types of Lists

In addition to un-ordered lists, HTML supports two other types

– Ordered Lists

– Definition List

Page 57: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Ordered List

<OL>

<LI>SimCity</LI>

<LI>Quake</LI>

<LI>Bridge</LI>

</OL>

1. SimCity

2. Quake

3. Bridge

Browser Display

Numbers instead of discs, circles

or squares

OL instead of UL

Page 58: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Ordered List

<OL type = “a”>

<LI>SimCity</LI>

<LI>Quake</LI>

<LI>Bridge</LI>

</OL>

a. SimCity

b. Quake

c. Bridge

Browser Display

Page 59: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Ordered List Types

type Result

“A” A, B, C, …

“a” a, b, c, …

“I” I, II, III, IV, …

“i” i, ii, iii, iv, …

“1” 1, 2, 3, …

Page 60: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Q: How would one start an ordered list with a number other than 1

25. SimCity

26. Quake

27. Bridge

Browser Display

Page 61: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Ordered List

<OL start = “25”>

<LI>SimCity</LI>

<LI>Quake</LI>

<LI>Bridge</LI>

</OL>

25. SimCity

26. Quake

27. Bridge

Browser Display

Page 62: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Definition List

<DL> <DT>SimCity</DT>

<DD>A great simulation game in which one build cities </DD>

<DT>Quake</DT> <DD> One of the

best of the shoot-em-up genre </DD>

</DL>

SimCity

A great simulation game in which one build cities

Quake

One of the best of the shoot-em-up genre

Browser Display

Term

Definition

Page 63: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<DL> Definition List

<DT> Term

<DD> Definition

Page 64: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

• Ordered lists as well as definition lists can be nested just like the un-ordered lists

• Can any type of list be nested into any other type?

Page 65: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

• Lists are one way of presenting data in a an ordered or formal fashion

• Tables provide another - more customizable - way of displaying ordered information on Web pages

Page 66: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Browser Display

Indoor Outdoor

Squash Cricket

Page 67: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code

<TABLE border = "1" > <TR> <TH>Indoor</TH> <TH>Outdoor</TH> </TR> <TR> <TD>Squash</TD> <TD>Cricket</TD> </TR></TABLE>

Browser Display

Indoor Outdoor

Squash Cricket

Page 68: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<TABLE>Table

(made up of rows)

<TR>Row

(made up of data cells)

<TH>Heading Data Cell

(Can contain paragraphs, images, lists, forms, tables)

<TD>Data Cell

(Can contain paragraphs, images, lists, forms, tables)

Page 69: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<TABLE> Attributes• BORDER

– Determines the thickness of the table border– Example: <TABLE BORDER = “2”>

• CELLPADING– Determines the distance between the border of a cell and

the contents of the cell– Example: <TABLE CELLPADDING = “3”>

• CELLSPACING– Determines the empty spacing between the borders of two

adjacent cells– Example: <TABLE CELLSPACING = “1”>

Page 70: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code

<TABLE border = "1" > <TR> <TH>Indoor</TH> <TH>Outdoor</TH> </TR> <TR> <TD>Squash</TD> <TD>Cricket</TD> </TR></TABLE>

Browser Display

Indoor Outdoor

Squash Cricket

Page 71: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code

<TABLE> <TR> <TH>Indoor</TH> <TH>Outdoor</TH> </TR> <TR> <TD>Squash</TD> <TD>Cricket</TD> </TR></TABLE>

Browser Display

Indoor Outdoor

Squash Cricket

Page 72: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<TABLE>,<TR>,<TH>,<TD> Attributes

• ALIGN– Possible values: Center, Left, Right– Example: <TH ALIGN = “center”>

• BGCOLOR– Example: <TD BGCOLOR = “red”>

• WIDTH– Example: <TR WIDTH = “40%”>

• HEIGHT– Example: <TABLE HEIGHT = “200”>

40% of the

window width

Page 73: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<TR> Attributes

• VLAIGN

– Determines the vertical alignment of the contents of all of the cells in a particular row

– Possible values: Top, Middle, Bottom

– Example: <TR VALIGN = “bottom”>

Page 74: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

<TH> & <TD> Attributes• NOWRAP

– Extend the width of a cell, if necessary, to fit the contents of the cell in a single line

– Example: <TD NOWRAP>

• COLSPAN– No. of rows the current cell should extend itself downward– Example: <TD COLSPAN = “2”>

• ROWSPAN– The number of columns the current cell should extend itself– Example: <TD ROWSPAN = “5”>

• VALIGN– Same as that for <TR>

Page 75: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code

<TABLE border=“1” > <TR> <TH colspan=“2”>

Indoor Outdoor </TH> </TR> <TR> <TD>Squash</TD> <TD>Cricket</TD> </TR></TABLE>

Browser Display

Indoor Outdoor

Squash Cricket

Page 76: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Year QuarterExpenses Income

Quetta Dubai Quetta Dubai

2001

1 1,900 8,650 9,000 7,780

2 2,230 8,650 8,500 8,670

3 4,000 8,650 9,900 9,870

4 2,200 8,650 9,800 9,900

2002

1 7,780 8,650 7,780 9,000

2 8,670 8,650 8,670 8,500

3 9,870 8,650 9,870 9,900

4 9,900 8,650 9,900 9,800

Page 77: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

HTML Code

<TABLE border = "1" > <CAPTION> My favorite sports </CAPTION> <TR> <TD>Squash</TD> <TD>Cricket</TD> </TR></TABLE>

Browser Display

Squash CricketMy favorite sports

Caption must be placed immediately after the<TABLE> tag

Page 78: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

End of HTML tag review

Page 79: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

What have we learned today?

1. We now know how Web pages are built using HTML

2. We also know how to make our personal Web pages available to everyone on the Internet

Page 80: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Useful URL’s

HTML for the Conceptually Challengedhttp://www.arachnoid.com/lutusp/html_tutor.html

NCSA’s Beginner's Guide to HTML

http://archive.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerAll.html

Page 81: CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

Useful URL

The Table Sampler

http://www.netscape.com/assist/net_sites/

table_sample.html