Page 73 - TrackpadV2.1_Class8
P. 73

<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>
                 <P> Click on the image given below to visit the official website</P>
                 <A HREF = "https://uttarakhandtourism.gov.in/destination/valley-of
                 flowers">
                 <IMG Style = "Height:100px; Width:100px;" SRC = "E:/YellowFlower.jpg">
                 </A>
                 </BODY>

                 </HTML>






















                 The link to the image is displayed on the web browser.




                      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.



                                                                                   Images, Links and Forms in HTML5  71
   68   69   70   71   72   73   74   75   76   77   78