Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 102 - 2612_Digimind
P. 102

    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>

                      100   Premium Edition-VII

| 97 98 99 100 101 102 103 104 105 106 107 |