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

