eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
 ::   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



Bob Frog
<BR>26 Ayer Rajah Cres. 12-01
<BR>Singapore, 12994466556


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

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


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

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

Here is a list of my favorite links:


<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


Previous Page | Next Page