Skip to main content

Posts

Media

Media | HTML: Media is the almost everything, is like audio, video, recordings, images, animations and so on. Here is the media.html: <!DOCTYPE html> <html lang="en" dir="ltr">   <head>     <meta charset="utf-8">     <title>Media in Html</title>   </head>   <body>     <video src="multimedia.mp4" height="312" width="420" controls>       Your browser not support video files.     </video><br><br>     <audio src="nimbus.mp3" controls>     </audio><br><br>     <iframe src="https://www.youtube.com/embed/q-72epsxMUk"     width="420" height="312"></iframe>   </body> </html> Web view of Html: Here is the Video:
Read more

Form Elements

Form Elements | HTML: Form elements are using to get the data from user based on type data type.  List of Form Elements: Input Select Text Area Button Fieldset and Legend Input Types List: Email Phone Password Check Box File Date Reset Input Attributes List: Value Read only Disabled Size Min, Max and Maxlength Auto focus Auto Complete Place Holder Height and Width Form Attribute List: Form Form Action Form Method Form Target Form Novalidate Here is formelements.html: <!DOCTYPE html>   <html lang="en" dir="ltr">     <head>       <meta charset="utf-8">       <link rel="stylesheet" href="css/stylesheet.css">       <title>Form Elements</title>     </head>     <body>       <form class="form" action="submit.html" method="post" id="form1">         <fieldset>           <legend>Personal Info : </legend>         <label for=&quo
Read more

Forms

Forms | HTML: Forms are using to get the data from user. The data will be used in server side. Here is the forms.html: <!DOCTYPE html> <html lang="en" dir="ltr">   <head>     <link rel="stylesheet" href="css/stylesheet.css">     <meta charset="utf-8">     <title>Forms</title>   </head>   <body>     <p>Please Fill the Form</p>     <form class="form" action="submit.html" method="post">       <label for="fname">First Name:</label><br>       <input type="text" id="fname" name="fname"><br><br>       <label for="lname">Last Name:</label><br>       <input type="text" id="lname" name="lname"><br><br>       <input type="radio" id="male" name="gender" value="m
Read more

Head

Head | HTML: Head is the hidden part in web page but it contains the effective information of web page. Head Elements List:      1.title     2.link      3.style     4.script     5.meta     6.base  Here is the head.html:  <!DOCTYPE html>  <html lang="en" dir="ltr">    <head>      <meta charset="utf-8">      <meta name="author" content="Nataraja Murthy">      <base href="images/" >      <title>details of head tag</title>      <link rel="stylesheet" href="css/stylesheet.css">      <style media="screen">        body {          background-color : lightblue;        }      </style>      <script src="js/javascript.js"></script>    </head>    <body>      <hr>      <img src="park.jpg" alt="park">      <p>Thank you for Watching...</p>    </body>  </html>
Read more

Java Script

Java Script | HTML: Java Script is the web programming language. It creates the behaviour to the html elements. Here is the Javascript.html: <!DOCTYPE html> <html lang="en" dir="ltr">   <head>     <link rel="stylesheet" href="css/stylesheet.css">     <title>JavaScript in Html</title>   </head>   <body>     <!-- What is JavaScript, Use of JavaScript, and Where to use JavaScript -->     <p>Here is the way to use JavaScript</p><br>     <!-- Internal -->     <script>       function oursScript() {         document.getElementById("script001").innerHTML = "First JavaScript!";       }     </script>     <br>     <button type="button" onclick="oursScript()">Click</button><br>     <p id="script001"></p>     <br>     <!-- External -->     <script src="js/javascript.
Read more