Page 135 - TP_iPlus_V2.1_Class7
P. 135

</BODY>

                 </HTML>
                 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>

                  i +  ADDING AUDIO & VIDEO

                 The HTML5 <audio> and <video> tags allow us to add media (audio and video) to a website.
                 To add media, we are required to set src attribute to identify the media source and include the
                 "controls" attribute to allow users to play, pause and control the media:



                                                                                                                 133
                                                                                                More on HTML
   130   131   132   133   134   135   136   137   138   139   140