Tutorialspoint

HTML meter max Attribute

<!DOCTYPE html>
<html>
   <body>
      <h2>Water Levels</h2>
      <p>Impurity Level <meter min="0" low="50" high="95" max="100"
         value="85"></meter></p>
      <p>TDS Level <meter min="0" low="20" high="80" max="100" value="60"></meter></p>
   </body>
</html>

HTML Meta Tag

<!DOCTYPE html>
<html>
   <head>
      <meta name="description" content="Learn for free">
      <meta name="keywords" content="Video tutorials, free tutorials, learn, web">
      <meta http-equiv="refresh" content="20">
      <meta name="author" content="Jack Sparrow">
   </head>
   <body>
      <h2>Tutorials</h2>
      <p>Programming tutorials for free:</p>
      <ol>
         <li>Java</li>
         <li>C++</li>
         <li>C</li>
         <li>C#</li>
      </ol>
   </body>
</html>

HTML Design Form types

<!DOCTYPE html>
<html>
   <body>
      <h2>Register</h2>
      <form action="" method="get">
         Id: <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br>
         Password: <input type="password" name="pwd" placeholder="Enter password here..."><br>
         DOB: <input type="date" name="dob" placeholder="Enter date of birth here..."><br>
         Telephone: <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
         Email: <input type="email" name="email" placeholder="Enter email here..." size =
            "35"><br><br>
         <input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription:
         <br>
         <button type="submit" value="Submit">Submit</button>
      </form>
   </body>
</html>

HTML Design Form

<!DOCTYPE html>
<html>
   <body>
      <h2>Register</h2>
      <form action="" method="get">
         Id: <input type="text" name="id" placeholder="Enter UserId here..."><br>
         Password: <input type="password" name="pwd" placeholder="Enter password here..."><br>
         DOB: <input type="date" name="dob"><br>
         Telephone: <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
         Email: <input type="email" name="email" placeholder="Enter email here..."><br><br>
         <button type="submit" value="Submit">Submit</button>
      </form>
   </body>
</html>

HTML DOM Anchor Object

<!DOCTYPE html>
<html>
   <body>
      <h2>Demo Heading</h2>
      <a href="https://google.com" id = "myid" >Google</a><br><br>
      <button onclick="display()">Display the link</button>
      <p id="demo">Link gets displayed here</p>
      <script>
         function display() {
         var a = document.getElementById("myid").href;
         document.getElementById("demo").innerHTML = a;
         }
      </script>
   </body>
</html>

HTML DOM Anchor hostname Property

<!DOCTYPE html>
<html>
   <body>
      <h1>Company</h1>
      <p><a id="mylink" href="http://www.demo.com:6064/abc/def.html#myteam">Our
         Team</a>
      </p>
      <h2 id="myid"></h2>
      <button onclick="display()">Display Anchor Part</button>
      <button onclick="display2()">Display Host Part</button>
      <button onclick="display3()">Display Hostname</button>
      <script>
         function display() {
         var a = document.getElementById("mylink").hash;
         document.getElementById("myid").innerHTML = a;
         }
         function display2() {
         var a = document.getElementById("mylink").host;
         document.getElementById("myid").innerHTML = a;
         }
         function display3() {
         var a = document.getElementById("mylink").hostname;
         document.getElementById("myid").innerHTML = a;
         }
      </script>
   </body>
</html>

HTML Multi-line comments

<!DOCTYPE html>
<html>
   <head>
      <!-- Document Header Starts -->
      <title>This is document title</title>
   </head>
   <!-- Document Header Ends -->
   <body>
      <h2>Heading Two</h2>
      <!--
         This is a multiline comment and it can
         span through as many as lines you like.
         -->
      <p>Document content goes here.....</p>
      <p>We have set comments in the document as well, but it won't get displayed.</p>
   </body>
</html>

HTML Comments

<!DOCTYPE html>
<html>
   <head>
      <!-- Document Header Starts -->
      <title>This is document title</title>
   </head>
   <!-- Document Header Ends -->
   <body>
      <p>Document content goes here.....</p>
      <p>We have set comments in the document as well, but it won't get displayed.</p>
   </body>
</html>

HTML DOM Object type Property

<!DOCTYPE html>
<html>
   <body>
      <object id="obj" width="450" height="200"
         data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf"
         type="application/vnd.adobe.flash-movie"></object>
      <button onclick="display()">Display the media type</button>
      <p id="pid"></p>
      <script>
         function display() {
         var x = document.getElementById("obj").type;
         document.getElementById("pid").innerHTML = x;
         }
      </script>
   </body>
</html>

embedded YouTube videos on an HTML web page

<!DOCTYPE html>
<html>
   <head>
      <title>Learn WordPres</title>
   </head>
   <body>
      <h1>WordPress Installation</h1>
      <p>Following is the video demonstrating how to install WordPress on localhost using
         XAMPP Server (video uploaded using embed element):
      </p>
      <embed height="350" width="600"
         src="https://www.youtube.com/embed/F6m0ghjadlw"></embed>
   </body>
</html>

1 2 3 4 5 6 7 ... 8409 Next
Advertisements
Loading...

We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.