Tutorialspoint

HTML colspan Attribute

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
         border: 2px solid blue;
         }
      </style>
   </head>
   <body>
      <h2>Product Expenses</h2>
      <table>
         <tr>
            <th>Domains</th>
            <th>Cost</th>
         </tr>
         <tr>
            <td>Product Development</td>
            <td>500000</td>
         </tr>
         <tr>
            <td>Marketing</td>
            <td>500000</td>
         </tr>
         <tr>
            <td>Services</td>
            <td>100000</td>
         </tr>
         <tr>
            <td>Support</td>
            <td>100000</td>
         </tr>
         <tr>
            <td>Maintenance</td>
            <td>100000</td>
         </tr>
         <tr>
            <td colspan="2">Total Budget = INR 1300000</td>
         </tr>
      </table>
   </body>
</html>

HTML cols Attribute

<!DOCTYPE html>
<html>
   <body>
      <h2>Interview Questions</h2>
      <p>Why do you want go for the Editor Job Profile? (100 words)</p>
      <textarea rows="6" cols="70" autofocus>
Write the answer in 100 words only...
</textarea>
      <p>What are your weaknesses? (50 words)</p>
      <textarea rows="4" cols="70" autofocus>
Write the answer in 50 words only...
</textarea>
   </body>
</html>

HTML col Tag

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
         border: 2px solid black;
         }
      </style>
   </head>
   <body>
      <h2>ICC Rankings</h2>
      <table>
         <colgroup>
            <col span="2" style="background-color:magento;">
            <col style="background-color:blue;">
         </colgroup>
         <tr>
            <th>Player</th>
            <th>Country</th>
            <th>Rank</th>
         </tr>
         <tr>
            <td>Jack</td>
            <td>WI</td>
            <td>1</td>
         </tr>
         <tr>
            <td>Tom</td>
            <td>AUS</td>
            <td>2</td>
         </tr>
         <tr>
            <td>Virat</td>
            <td>IND</td>
            <td>3</td>
         </tr>
         <tr>
            <td>Steve</td>
            <td>AUS</td>
            <td>4</td>
         </tr>
         <tr>
            <td>Kane</td>
            <td>NZ</td>
            <td>5</td>
         </tr>
         <tr>
            <td>David</td>
            <td>AUS</td>
            <td>6</td>
         </tr>
      </table>
   </body>
</html>

HTML Class Attribute

<!DOCTYPE html>
<html>
   <head>
      <style>
         h2.demo {
         color: orange;
         background-color: black;
         }
      </style>
   </head>
   <body>
      <h1>Resources</h1>
      <h2 class="demo">
      Text Tutorials</h2>
      <h2 class="demo">
      Video Tutorials</h2>
      <h2 class="demo">
      Interview Questions and Answers</h2>
      <h2 class="demo">
      Online Quiz</h2>
   </body>
</html>

HTML cite Tag

<!DOCTYPE html>
<html>
   <body>
      <h1>Books</h1>
      <h2>Java</h2>
      <p>Refer the following books to learn Core Java:</p>
      <p><cite>Core Java: An Integrated Approach</cite> by R. Nageswara Rao.</p>
      <p><cite>Java - The Complete Reference</cite> by Herbert Schildt.</p>
      <h2>AngularJS</h2>
      <p>Refer the following books to learn AngularJS:</p>
      <p><cite>Pro AngularJS</cite> by Adam Freeman</p>
      <p><cite>Learning AngularJS: A Guide to AngularJS Development</cite> by Ken Williamson</p>
   </body>
</html>

HTML checked Attribute

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

Change Background color of a web page using onmouseover

<!DOCTYPE html>
<html>
   <body>
      <h2>Heading Two</h2>
      <a onmouseover="document.body.style.backgroundColor ='orange'">Hover over me to change the background color.</a><br>
   </body>
</html>

HTML canvas rect() Method

<!DOCTYPE html>
<html>
   <body>
      <canvas id="myCanvas" width="450" height="350" style="border:2px solid blue;">
         Your browser does not support the HTML5 canvas tag.
      </canvas>
      <script>
         var c = document.getElementById("myCanvas");
         var ctx = c.getContext("2d");
         ctx.beginPath();
         ctx.rect(100, 60, 200, 200);
         ctx.fillStyle = "orange";
         ctx.fill();
         ctx.beginPath();
         ctx.rect(110, 90, 180, 120);
         ctx.fillStyle = "yellow";
         ctx.fill();
      </script>
   </body>
</html>

HTML time Tag

<!DOCTYPE html>
<html>
   <body>
      <h2>Schedule</h2>
      <p>Exams begins from next <time datetime="06-15">Saturday</time>.</p>
      <p>Exam begins at <time>09:00</time> in the morning.</p>
   </body>
</html>

HTML textarea readonly Attribute

<!DOCTYPE html>
<html>
   <body>
      <h2>Interview Questions</h2>
      <p>Q1</p>
      <textarea rows="6" cols="70" placeholder="Why do you want go for the Editor Job Profile? (100 words)">
</textarea>
      <p>Q2</p>
      <textarea rows="6" cols="70" placeholder="Do you have any previous publishing experience? (100 words)">
</textarea>
      <p>Guidelines to appear for interview:</p>
      <textarea rows="6" cols="70" readonly>
The interviewee should reach at 10AM with the certificates.
</textarea>
   </body>
</html>

Previous 1 ... 3 4 5 6 7 8 9 ... 8409 Next
Advertisements
Loading...

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