Wednesday, August 19, 2020

How to work with Table in HTML

Example :-1 table.htlm 


<!DOCTYPE html>

<html lang="en" dir="ltr">

  <head>

    <meta charset="utf-8">

    <title>TABLES</title>

  </head>

  <body>


    <table border="1">

      <thead>

        <th>Number</th>

        <th>Color</th>

        <th>Country</th>


      </thead>

      <tr>

        <td>250</td>

        <td>Red</td>

        <td>USA</td>

      </tr>

      <tr>

        <td>100</td>

        <td>Blue</td>

        <td>France</td>

      </tr>

    </table>


  </body>

</html>

=========================================================================

Example 2:- table1.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <table border="2">
      <thead>
        <th>Country Name</th>
        <th>Country Flag</th>
        <th>GDP (Millions of USD)</th>
      </thead>
      <tr>
        <td>USA</td>
        <td><img src="https://cdn.britannica.com/s:500x350/81/4481-004-660915ED/flag-Stars-and-Stripes-July-4-1912.jpg" alt=""></td>
        <td>18,561,930</td>
      </tr>
      <tr>
        <td>INDIA</td>
          <td><img src="https://media.gettyimages.com/videos/india-flag-loopable-video-id590544878?s=640x640" alt=""></td>
            <td>2,250,990</td>
      </tr>
      <tr>
        <td>United Kigdom</td>
        <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/a/ae/Flag_of_the_United_Kingdom.svg/1200px-Flag_of_the_United_Kingdom.svg.png" alt=""></td>
        <td>2,649,800</td>
      </tr>
    </table>
  </body>
</html>

No comments:

Post a Comment

Q) How To Find Duplicate Characters In A String In Java?

Step1:- Creating a HashMap containing char as key and it's occurrences as value. Step2:- Converting given string to char array. Step3:- ...