Page 67 - TP_Play_V2.2_Class8
P. 67

FONT-WEIGHT: BOLD;

                 }
                 </STYLE>

                 </HEAD>
                 <BODY>

                 <A HREF="Home.html">Link</A>
                 </BODY>
                                                                                                     Output
                 </HTML>
                 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>

                 <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>




                                                                                    #Images, Links & Frames in HTML5  65
   62   63   64   65   66   67   68   69   70   71   72