Extra HTML Section for Ken's Klass!
 HTML notes:

 Minimum HTML document;

<HTML>
<HEAD>
<TITLE>Student Name</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

 

 Headings, Lists and Other Stuff:

 Heading Level 1

 Heading Level 2

 Heading Level 3

 Heading Level 4

 Heading Level 5
 Heading Level 6

 

 Lists:

 Bulleted list;
Create a website for the kensklass domain consisting of the following;

  • a main page
  • at least five sub pages with at least one graphic per page
  • at least one table
  • at least one list
  • each page must have links to all the other pages
  • save all pages locally until the time of the gathering
  • all pages must be HTML level 4.0 Transitional
  • use 8x3 naming convention

 A Two Level Bulleted list;
Using the following directory structure;

  • root (where the main page is stored)
    • images (where graphics are stored)
    • files (where the other pages are stored)
  • If you say so!

 Numberd List

  1. One
  2. Two
  3. Three
  4. Four
  5. Five
  6. Six

 Defined List


                                                         Line one
                                                                         Line two
                                                         Line three
                                                                         Line four
                                                                         Line five
                                                         Line six

 Some links that you may find helpful:


http://www.hotwired.com/webmonkey/teachingtool/
http://vzone.virgin.net/sizzling.jalfrezi/
http://www.hwg.org/
http://www.december.com/html/
http://www.w3.org/MarkUp/
 

Head stuff

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<!-- Created in Ken's Korner -->
<!-- September 1999 -->
<META Name="Keywords" Content="Dubrovin, tests">
<META NAME="Author" CONTENT="Ken's Korner Webpages">
<META NAME="Description" CONTENT="Westwood Stuff">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<TITLE>Student Index</TITLE>
</HEAD>

Body stuff

<BODY BGCOLOR="#ff8000" TEXT="#000000" LINK="#0000ff" VLINK="#551a8b" ALINK="#ff0000" BACKGROUND="../images/Bkgnd_1.gif">

 Note: This should be all on one line even though it doesn't look that way here.

 

 A simple table that looks like this;

1

2

3

4

 And this is the HTML code that generates it.

<TABLE BORDER CELLPADDING="2">
<TR>
<TD>1</TD>
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>3</TD>
</TR>
</TABLE>

 And a not so simple table that looks like this;
Table Caption goes here

Header Cell 1

Header Cell 2

Header Cell 3

Ken's Korner GraphicJoined cells with a graphic

cell one

cell two

cell three

Red

White

Blue

the

last

row

 And this is the HTML code that generates it.

<TABLE BORDER="2" CELLSPACING="4" CELLPADDING="6" WIDTH="640">
<CAPTION>
Table Caption goes here
</CAPTION>
<TR>
<TH>Header Cell 1</TH>
<TH>Header Cell 2</TH>
<TH>Header Cell 3</TH>
</TR>
<TR>
<TD COLSPAN="3"><IMG SRC="../images/kkw.gif" WIDTH="440" HEIGHT="75" ALT="Ken's Korner Graphic"
ALIGN="Right">Joined cells with a graphic</TD>
</TR>
<TR>
<TD>cell one</TD>
<TD ALIGN="Center">cell two</TD>
<TD ALIGN="Right">cell three</TD>
</TR>
<TR>
<TD BGCOLOR="Red">Red</TD>
<TD BGCOLOR="White">White</TD>
<TD BGCOLOR="Blue">Blue</TD>
</TR>
<TR>
<TD>the </TD>
<TD>last </TD>
<TD>row</TD>
</TR>
</TABLE>

 

 Hyper Links are done like this:

 Go back to the index CLICK HERE

<A HREF="index.htm">CLICK HERE</A>

 The Extra HTML page.

<A HREF="extra_credit.htm" TARGET="_blank">Extra Credit</A>

 Relative and absolute links.

 

extra_html