Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 50 - 2615_KEC
P. 50

    Tick ( ) if you know this.

                           ▶  <IMG> tag is used to insert an image to a web page.
                           ▶  An anchor tag is used to specify the destination of the link.

                                HYPERLINK WITH CSS

                      We can set the following properties of a hyperlink using CSS:
                         a:link       This property signifies the unvisited hyperlinks.

                         a:visited     This property signifies visited hyperlinks.
                          a:hover     This property signifies a hyperlink on which the user’s mouse is hovering.

                         a:active     This property signifies a hyperlink on which the user is currently clicking.
                      These properties are usually specified in the header part of the HTML document. But, a:hover

                      property must be specified after a:link and a:visited in the CSS definition to make it effective and
                      a:active is specified after a:hover in the CSS definition.
                      An 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>

                       48   Premium Edition-VII

| 45 46 47 48 49 50 51 52 53 54 55 |