Page 84 - TP_Play_V2.1_class8
P. 84

a:hover, a:active {

                    BACKGROUND-COLOR: GREEN;
                    COLOR: ORANGE;
                    FONT-SIZE: 20px;
                    FONT-WEIGHT: BOLD;

                  }
                  </STYLE>
                  </HEAD>

                  <BODY>
                  <A HREF="Home.html">Link</A>
                  </BODY>
                  </HTML>                                                                                 Output
                  Links as Buttons

                  CSS properties allows us to display links as buttons. HTML codes that display links as buttons:

                  <!DOCTYPE HTML>
                  <HTML>
                  <HEAD>

                  <TITLE>Valley of Flowers</TITLE>
                  <STYLE>
                  A:link, A:visited {

                  BACKGROUND-COLOR: yellow;
                  COLOR: green;
                  PADDING: 20PX 25PX;
                  TEXT-ALIGN: center;

                  TEXT-DECORATION: none;
                  DISPLAY: inline-block;
                  }

                  </STYLE>
                  </HEAD>
                                                                                         Output
                  <BODY>
                  <H1 STYLE="TEXT-ALIGN: center">Valley of Flowers</H1>

                  <IMG SRC="Valley_of_Flowers.jpg" ALT="Valley of Flowers" STYLE="BORDER: 4PX
                  SOLID BLACK; HEIGHT: 200PX; WIDTH: 250PX;">
                  <BR>
                  <A HREF="https://uttarakhandtourism.gov.in/destination/valley-of-flowers">
                  Click Here to Visit Official Website</A>

                  </BODY>
                  </HTML>

                   82       Play (Ver. 2.1)-VIII
   79   80   81   82   83   84   85   86   87   88   89