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

