Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 51 - 2615_KEC
P. 51

    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  49

| 46 47 48 49 50 51 52 53 54 55 56 |