Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 43 - 2606_PlugGPT_C7_Flipbook
P. 43

    <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  41

| 38 39 40 41 42 43 44 45 46 47 48 |