Page 69 - Trackpad_V5_Book 7
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 allows 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