Page 103 - ClickGPT V4.0 C-5
P. 103
Links as Buttons
CSS properties allows us to display links as buttons. HTML codes that display links as buttons:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Valley of Flowers</TITLE>
<STYLE>
a:link, a:visited {
BACKGROUND-COLOR: yellow;
COLOR: green;
PADDING: 20px 25px;
TEXT-ALIGN: center;
TEXT-DECORATION: none;
DISPLAY: inline-block;
}
</STYLE>
</HEAD>
<BODY>
<H1 STYLE="TEXT-ALIGN: center">Valley of Flowers</H1>
<IMG SRC="Valley_of_Flowers.jpg" ALT="Valley of Flowers" STYLE="BORDER: 4px
SOLID BLACK; HEIGHT: 200px; WIDTH: 250px;">
<BR>
<A HREF="https://uttarakhandtourism.gov.in/destination/valley-of-flowers">Click
Here to Visit Official Website</A>
</BODY>
</HTML>
Topic Flashback 21 st Century
Skills #Information Literacy
1. What is a Hyperlink?
2. Write the syntax to create a hyperlink.
3. Name any two CSS properties used to change the look and style of hyperlinks.
Images, Links & Frames in HTML5 101
