Page 76 - trackpad v5.1 class 7 flipbook
P. 76

HTML codes to set the hyperlink properties using CSS:

                  <!DOCTYPE HTML>
                  <HTML>
                      <HEAD>
                      <STYLE>
                      /*Unvisited Link */
                      A:Link {Color: Red}
                      /*Visited Link */
                      A:Visited {Color: Green}
                      /*Mouse over Link */
                      A:Hover {Color: hotpink}
                      /*Selected Link */
                      A:Active {Color: Blue}
                     </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>
                  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>




                   74   Pro (V5.1)-VII
   71   72   73   74   75   76   77   78   79   80   81