Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 95 - 2611_SmartGPT Pro V(5.0) C-7
P. 95

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

| 90 91 92 93 94 95 96 97 98 99 100 |