Page 111 - Plus_V2.2_C8_Flipbook
P. 111

Display Buttons as Links
                 Even buttons can also be used as hyperlinks in HTML web page. This is done with the help of CSS
                 properties.

                 For example,


                   <!DOCTYPE HTML>
                   <HTML>

                   <HEAD> <TITLE> Buttons as Links </TITLE>
                   <STYLE>
                   a { background-color: yellow;
                      color: white;
                   padding: 6px 6px;

                   border-radius: 6px;
                   text-align:center;
                   text-decoration: none;
                   display: inline-block;}

                   </STYLE>
                   </HEAD>
                   <BODY>
                                                                                      Button as link
                   <H1> Buttons as links</H1>
                   <H2><A href="result.html"> RESULTS</A></H2>

                   <H2>Entrance Exam Results</H2>
                   </BODY>
                   </HTML>

                 Example:  The  colour of the button  will  change as separate  commands  are given inside  the
                 <STYLE> tag.



                   <!DOCTYPE HTML>
                   <HTML>
                   <HEAD> <TITLE>Buttons as Links</TITLE>

                   <STYLE>
                   a:link{ background-color: red;
                      color: white;
                   padding: 6px 6px;
                   border-radius: 6px;

                   text-align:center;
                   text-decoration: none;




                                                                                 Links, Frames, and Forms in HTML5  109
   106   107   108   109   110   111   112   113   114   115   116