Web Site
Graphics
Code
Animations
Sounds
Videos
Java
Programs
Help
Chapter 4

Page 25: Changing background colour splash.html

<HTML>
  <HEAD>
    <TITLE>Fee's Website: Welcome</TITLE>
  </HEAD>

  <BODY BGCOLOR=TEAL>
    <P ALIGN=CENTER>
      <FONT SIZE=5 FACE="comic sans ms, arial">Welcome to My Website!</FONT>
    </P>
    <P ALIGN=CENTER>
      <IMG SRC="images/my-picture-1.jpg" WIDTH=128 HEIGHT=152>
    </P>
    <P ALIGN=CENTER>
      <FONT SIZE=3 FACE="arial">
        This is Fee's Website<BR>
        and is all about:<BR>
      </FONT>
      <FONT SIZE=4 FACE="arial">
        My Favourite Bands,<BR>
        Skate Boarding<BR>
        and Internet Games
      </FONT>
    </P>
  </BODY>
</HTML>

Page 26: Changing text colour splash.html

<HTML>
  <HEAD>
    <TITLE>Fee's Website: Welcome</TITLE>
  </HEAD>

  <BODY BGCOLOR=WHITE TEXT=MAROON>
    <P ALIGN=CENTER>
      <FONT SIZE=5 FACE="comic sans ms, arial">Welcome to My Website!</FONT>
    </P>
    <P ALIGN=CENTER>
      <IMG SRC="images/my-picture-1.jpg" WIDTH=128 HEIGHT=152>
    </P>
    <P ALIGN=CENTER>
      <FONT SIZE=3 FACE="arial">
        This is Fee's Website<BR>
        and is all about:<BR>
      </FONT>
      <FONT SIZE=4 FACE="arial">
        My Favourite Bands,<BR>
        Skate Boarding<BR>
        and Internet Games
      </FONT>
    </P>
  </BODY>
</HTML>

Page 27: Colours with <FONT> tags splash.html

<HTML>
  <HEAD>
    <TITLE>Fee's Website: Welcome</TITLE>
  </HEAD>

  <BODY BGCOLOR=WHITE TEXT=MAROON>
    <P ALIGN=CENTER>
      <FONT SIZE=5 FACE="comic sans ms, arial">Welcome to My Website!</FONT>
    </P>
    <P ALIGN=CENTER>
      <IMG SRC="images/my-picture-1.jpg" WIDTH=128 HEIGHT=152>
    </P>
    <P ALIGN=CENTER>
      <FONT SIZE=3 FACE="arial">
        This is Fee's Website<BR>
        and is all about:<BR>
      </FONT>
      <FONT SIZE=4 FACE="arial" COLOR=RED>
        My Favourite Bands,<BR>
        Skate Boarding<BR>
        and Internet Games
      </FONT>
    </P>
  </BODY>
</HTML>

Page 29: Try it out splash.html

<HTML>
  <HEAD>
    <TITLE>Fee's Website: Welcome</TITLE>
  </HEAD>

  <BODY BGCOLOR=#000000 TEXT=#FFFFFF>
    <P ALIGN=CENTER>
      <FONT SIZE=5 FACE="comic sans ms, arial">Welcome to My Website!</FONT>
    </P>
    <P ALIGN=CENTER>
      <IMG SRC="images/my-picture-1.jpg" WIDTH=128 HEIGHT=152>
    </P>
    <P ALIGN=CENTER>
      <FONT SIZE=3 FACE="arial">
        This is Fee's Website<BR>
        and is all about:<BR>
      </FONT>
      <FONT SIZE=4 FACE="arial" COLOR=RED>
        My Favourite Bands,<BR>
        Skate Boarding<BR>
        and Internet Games
      </FONT>
    </P>
  </BODY>
</HTML>

Page 31: splash.html

<HTML>
  <HEAD>
    <TITLE>Fee's Website: Welcome</TITLE>
  </HEAD>

  <BODY BGCOLOR=#FFFFFF TEXT=#3366CC>
    <P ALIGN=CENTER>
      <FONT SIZE=5 FACE="comic sans ms, arial">Welcome to My Website!</FONT>
    </P>
    <P ALIGN=CENTER>
      <IMG SRC="images/my-picture-1.jpg" WIDTH=128 HEIGHT=152>
    </P>
    <P ALIGN=CENTER>
      <FONT SIZE=3 FACE="arial">
        This is Fee's Website<BR>
        and is all about:<BR>
      </FONT>
      <FONT SIZE=4 FACE="arial" COLOR=RED>
        My Favourite Bands,<BR>
        Skate Boarding<BR>
        and Internet Games
      </FONT>
    </P>
  </BODY>
</HTML>

Page 32: Connecting pages
This code is for a new file, homepage.html.  DO NOT COPY THIS TEXT INTO YOUR "splash.html" FILE
homepage.html

<HTML>
  <HEAD>
    <TITLE>Fee's Website: Homepage</TITLE>
  </HEAD>

  <BODY>
    <P ALIGN=CENTER>
      This is Fee's Homepage!
    </P>
  </BODY>
</HTML>


Page 33: The <A> tag
This code is for "splash.html" (NOT the new "homepage.html" file)
splash.html

<HTML>
  <HEAD>
    <TITLE>Fee's Website: Welcome</TITLE>
  </HEAD>

  <BODY BGCOLOR=#FFFFFF TEXT=#3366CC>
    <P ALIGN=CENTER>
      <FONT SIZE=5 FACE="comic sans ms, arial">Welcome to My Website!</FONT>
    </P>
    <P ALIGN=CENTER>
      <A HREF="homepage.html">
        <IMG SRC="images/my-picture-1.jpg" WIDTH=128 HEIGHT=152><BR>
        <FONT FACE="arial">
          Click Here to Go Inside...
        </FONT>
      </A>
    </P>
    <P ALIGN=CENTER>
      <FONT SIZE=3 FACE="arial">
        This is Fee's Website<BR>
        and is all about:<BR>
      </FONT>
      <FONT SIZE=4 FACE="arial" COLOR=RED>
        My Favourite Bands,<BR>
        Skate Boarding<BR>
        and Internet Games
      </FONT>
    </P>
  </BODY>
</HTML>

Page 34: Test your hyperlink splash.html

<HTML>
  <HEAD>
    <TITLE>Fee's Website: Welcome</TITLE>
  </HEAD>

  <BODY BGCOLOR=#FFFFFF TEXT=#3366CC>
    <P ALIGN=CENTER>
      <FONT SIZE=5 FACE="comic sans ms, arial">Welcome to My Website!</FONT>
    </P>
    <P ALIGN=CENTER>
      <A HREF="homepage.html">
        <IMG SRC="images/my-picture-1.jpg" WIDTH=128 HEIGHT=152 BORDER=0><BR>
        <FONT FACE="arial">
          Click Here to Go Inside...
        </FONT>
      </A>
    </P>
    <P ALIGN=CENTER>
      <FONT SIZE=3 FACE="arial">
        This is Fee's Website<BR>
        and is all about:<BR>
      </FONT>
      <FONT SIZE=4 FACE="arial" COLOR=RED>
        My Favourite Bands,<BR>
        Skate Boarding<BR>
        and Internet Games
      </FONT>
    </P>
  </BODY>
</HTML>