Page 69 - Trackpad_V1_Book 7_Flipbook
P. 69

HTML codes to set the hyperlink properties using CSS:

                 <!DOCTYPE HTML>
                 <HTML>
                     <HEAD>
                     <Style Type = "text/css">
                      /*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; -Moz-
                 Opacity:0.4;" 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 Type = "text/css">

                     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