Basic HTML Version

|  | Table of Contents |  | View Full Version

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

| 98 99 100 101 102 103 104 105 106 107 108 |