Page 77 - TP-Play_V-2.0_Book-8
P. 77

font-size:20px;

              font-weight:bold;
              text-decoration: none;

            }
            </STYLE>

            </HEAD>
            <BODY>

            <A HREF="Home.html"> Link </A>
            </BODY>

            </HTML>
            Links as Buttons                                                                          Output

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

            <!DOCTYPE HTML>
            <HTML>

                <HEAD>

                <Style Type = "text/css">
                A:Link, A:Visited {

               Background-Color: Red;
               Color: Green;

               Padding: 20px 25px;

               Text-Align: Center;
               Text-Decoration: None;

               Display: Inline-Block;
                }

                </Style>

                </HEAD>
            <BODY>

                <H1 ALIGN = "CENTER">Valley of Flowers </H1>

            <IMG  Style  = "Border:4px  Solid  Black;  Height:200px;  Width:250px;
            -Moz-Opacity:0.4;" src = "D:\Valley_of_Flower.jpg" >
                <BR>

            <A HREF = "https://uttarakhandtourism.gov.in/destination/valley-of-flowers">

            Click here to visit official website </A>



                                                                    Images, Links and Frames in HTML5        77
   72   73   74   75   76   77   78   79   80   81   82