Basic HTML Version

|  | Table of Contents |  | View Full Version

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 |