Page 65 - Plus V4 with Adobe class 8
P. 65

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;
            " src = "D:\Valley_of_Flower.jpg" >
              <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  63
   60   61   62   63   64   65   66   67   68   69   70