Page 69 - Chinmaya_C7_flipbook
P. 69

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


                                                                                   Images, Links and Forms in HTML5  67
   64   65   66   67   68   69   70   71   72   73   74