eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
Resources
 ::   Tutorials
 ::   Presentations
Perl & CGI tutorials
 ::   Intro to Perl/CGI and HTML Forms
 ::   Intro to Windows Perl
 ::   Intro to Perl 5
 ::   Intro to Perl
 ::   Intro to Perl Taint mode
 ::   Sherlock Holmes and the Case of the Broken CGI Script
 ::   Writing COM Components in Perl

Java tutorials
 ::   Intro to Java
 ::   Cross Browser Java

Misc technical tutorials
 ::   Intro to The Web Application Development Environment
 ::   Introduction to XML
 ::   Intro to Web Design
 ::   Intro to Web Security
 ::   Databases for Web Developers
 ::   UNIX for Web Developers
 ::   Intro to Adobe Photoshop
 ::   Web Programming 101
 ::   Introduction to Microsoft DNA

Misc non-technical tutorials
 ::   Misc Technopreneurship Docs
 ::   What is a Webmaster?
 ::   What is the open source business model?
 ::   Technical writing
 ::   Small and mid-sized businesses on the Web

Offsite tutorials
 ::   ISAPI Perl Primer
 ::   Serving up web server basics
 ::   Introduction to Java (Parts 1 and 2) in Slovak

 

Introducton to Web Design
Exercise Six  
  • In this exercise, we'll take our familiar HTML document and using the sample <IMG> tag, from the previous page, place a ball icon in front of each of our favorite web site links.

  • Try it out....

  • The figure below shows what your page might look like:

  • And here is the code we used to get the page

<HTML>
<HEAD>
<TITLE>Bob Frog</TITLE>
</HEAD>
<BODY>

<BLOCKQUOTE>

<ADDRESS>
<P ALIGN = "RIGHT">
Bob Frog
<BR>26 Ayer Rajah Cres. 12-01
<BR>Singapore, 12994466556
</P>
</ADDRESS>

<P ALIGN = "LEFT">

<FONT SIZE = "4" COLOR = "RED"><B>
About me</B></FONT><BR>

<BLOCKQUOTE>
Hello, my name is <B>Bob the Frog</B>
and I am 278 years old from the <I>Gamma
Quadrant</I>.  Please send me
<A HREF = "mailto:bob@email.com">email</A>!
</BLOCKQUOTE>

<P>

<FONT SIZE = "4" COLOR = "RED"><B>
About my work</B></FONT><BR>

<BLOCKQUOTE>
I am currently a software engineer working in
Singapore doing <U>training</U> and
<U>development</U>.
</BLOCKQUOTE>

Here is a list of my favorite links:

<BLOCKQUOTE>

<IMG SRC = "http://www.eff.org/ball_red.gif"
         ALT = "[*]">
<A HREF = "http://www.eeye.com.sg">Electric Eye</A>

<BR><IMG SRC = "http://www.eff.org/ball_red.gif"
         ALT = "[*]">
<A HREF = "http://www.extropia.com">Selena Sol's
Homepage</A>
</BLOCKQUOTE>
</BLOCKQUOTE>

</BODY>
</HTML>

Previous Page | Next Page