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>
|
<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>
|