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
