Page 90 - 2633 Trackpad Pro V5.1 Class 7
P. 90

LINKS AS BUTTONS
                  CSS properties allow us to display links as buttons. HTML codes display links as buttons:


                  <!DOCTYPE HTML>
                  <HTML>

                      <HEAD>
                      <STYLE>
                      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 STYLE = "text-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>


                            iFRAMES AND CSS


                  Let's learn the properties of CSS to make frames attractive.
                  HEIGHT AND WIDTH PROPERTIES

                  We can also use the style attribute and use CSS height and width properties to control the frames.

                  Example:

                  <!DOCTYPE HTML>
                  <HTML>



                   88   Premium Edition-VII
   85   86   87   88   89   90   91   92   93   94   95