HTML Course

 

Page 12 :Email Links & Targets

  • Making A Link To An Email

  • On your Web Page you may want to add a clickable link so you can be emailed. This can be either a clickable image or text. (Note: we will use a fake email address in these samples and documents, replace this with the email address you would like to use.
    The code to add clickable text to send an email is:

    <A HREF="mailto:xyz@xyz.net">
    Click Here To Email Me</A>

    You can save this image for our sample page. The code to add a clickable image to send an email is.

    <A HREF="mailto:xyz@xyz.net">
    <IMG SRC="email2.gif" width="?" height="?" border="0"></A>


  • Making Internal Targets

  • An internal target is a link to a certain point within the HTML document. Clicking on this internal target will jump you to another section on your Web Page. For our example here, we will put a link at the bottom of our Web Page that will jump you to the top of the page. Here is the code using the documents header, Welcome To Aruba as the point to jump to when the internal target Take Me To The Top is clicked on.

    <A NAME="top">Welcome To Aruba</A>
    <A HREF="#top">Take Me To The Top</A>

    Lets Add These Two New Codes To The Document.

    <HTML>
    <HEAD>
    <TITLE>Welcome To Aruba</TITLE>
    </HEAD>
    <BODY BACKGROUND="stars.gif" BGCOLOR="#000000"
    TEXT="#00FF00" LINK="yellow" VLINK="orange" ALINK="red">
    <EMBED SRC="sample.mid" AUTOSTART="true"
    HIDDEN="true" VOLUME="100%">
    <H1 ALIGN="CENTER">
    <i><u>
    <A NAME="top">Welcome To Aruba</A>
    </u></i></H1>
    <P>
    <HR SIZE=4 WIDTH="80%" ALIGN=CENTER>
    <HR SIZE=4 WIDTH="60%" ALIGN=CENTER>
    <HR SIZE=4 WIDTH="40%" ALIGN=CENTER>
    <P>
    <CENTER>
    <IMG SRC="aruba.jpg" BORDER=5
    WIDTH="300" ALIGN="right" ALT="sunset">
    <BR><BR><BR>
    <FONT SIZE="4" COLOR="#cc0066">
    <b>This Beautiful Sunset In Aruba.<BR>
    Aruba is a lovely island off the<BR>
    coast of South America.<BR>
    The weather is perfect<BR>
    in Aruba any day of the year.</b>
    </FONT>
    </CENTER>
    <BR><BR><BR>
    <FONT SIZE="4" COLOR="white"><b>
    My Favorite Links
    <UL>
    <LI><A HREF="http://www.draac.com">Draac.Com</A>
    <LI><A HREF="http://www.lycos.com">Lycos Search</A>
    <LI><A HREF="http://www.furby.com">Furby Fun</A>
    </UL>
    </b></FONT>
    <BR><BR><BR>
    <CENTER>
    <A HREF="mailto:xyz@xyz.net">
    <IMG SRC="email2.gif" WIDTH="104" HEIGHT="34" ALT="email"></A>
    <BR><BR><BR>
    <A HREF="#top">Take Me To The Top</A>
    </CENTER>
    </BODY>
    </HTML>

    Click Here To See Our HTML Document So Far
    Use Your Back Button To Return Here