Page 53 - KEC Khaitan C7 Flipbook
P. 53

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


                           EMBEDDING AUDIO AND VIDEO


                 The HTML5 <AUDIO> and <VIDEO> tags allow us to add media to a website. To add media, we are
                 required to set the SRC attribute to identify the media source and include the controls attribute
                 so the user can play and pause the media whenever required. The AUTOPLAY attribute is used to
                 play audio/video automatically when the web page opens.


                 EMBEDDING AUDIO
                 We use <audio> tag to embed sound content in an HTML document.


                 <!DOCTYPE HTML>
                 <HTML>




                                                                                   Images, Links and Forms in HTML5  51
   48   49   50   51   52   53   54   55   56   57   58