Page 112 - Plus_V2.2_C8_Flipbook
P. 112

display: inline-block;
                    }

                    a:visited{background-color:cyan}
                    a:hover,a:active
                    { background-color: yellow}

                    </STYLE>
                    </HEAD>
                    <BODY>

                    <H1> Buttons as links</H1>
                                                                                           Output
                    <H2><A HREF="RESULT.HTML"> RESULTS</A></H2>
                    <H2>Entrance Exam Results</H2>
                    </BODY>
                    </HTML>
















                               Displaying button on mouse hovered              When button is clicked


                       Display Images as Links

                  To make the web pages more interesting, images can be used as hyperlinks. <img> tag is used inside
                  the <A> tag to create images as links.
                  Following is the code of Main.html file:



                    <!DOCTYPE HTML>
                    <HTML>
                    <HEAD> <TITLE> A Web page with links as images</TITLE> </HEAD>
                    <BODY>

                    <H1> Images as links</H1>
                    <BR> <HR>
                    <A  HREF='COFFEE.HTML'><IMG  SRC='COFFEE.JPG'  ALT="IMAGE  OF  A COFFEE"
                    TITLE="LINK TO A COFFEE PORTAL" WIDTH=200 HEIGHT=200></A>
                    </BODY>
                    </HTML>


                  110   Premium Edition-VIII
   107   108   109   110   111   112   113   114   115   116   117