How to create Tables in html

 <!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewportcontent="width=device-width, initial-scale=1.0" />
    <title>List And Tables</title>
  </head>
  <body>
    <!-- for create list we use tage is li written data in this tage will show as bollat point  -->
    <!-- this list may bhi ordered or unordered ul used for the ordered data list an dul is used for unordered data  -->
    <!-- So unordered data may bhi showed by the bollat or disc or circle point with the help of its type tag by default its type is disc  -->
    <!-- and ordered data show off by the numbring or alphabtes by changing its type with the type tage by default its type is numbring      -->

    <ul type="circle">
      <li>Here i wanna write first list line of unordered</li>
      <li>Here i wanna write Second list line of unordered</li>
      <ul type="square">
        <li>Here i wanna write first list line of unordered</li>
        <li>Here i wanna write Second list line of unordered</li>
      </ul>
      <li>Here i wanna write Second list line of unordered</li>
    </ul>
    <ol type="A">
      <li>Here i wanna write first list of ordered line</li>
      <li>Here i wanna write second list of ordered line</li>
      <li>Here i wanna write third list of ordered line</li>
    </ol>
    <!-- Tble tag is used to create table and all data which is written in this trag is of the table form -->
<!-- there are two tags used in htis tag frist his heading tag writren as thead and all data used in this tag is in bold form and if we write data in this tage it willl bold only if tr  tage is used for any entry and after that we should use th if used any other tag like tr then it will not bold so to bold any elemen in heading we shoulod use th tage-->
<!-- second tag efor the table is t body all data writen in this tage is called body of the tabel and just th tag is used for the bold element tr tage is used for simple writting and it is used mostly in  body to -->
    <table>
      <thead>
        <tr>
          <th>Programming</th>
          <th>Data Structure</th>
          <th>Digital logics</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>First Week</td>
          <td>Second Week</td>
          <td>Third Week</td>
        </tr>
        <tr>
          <td>First Week</td>
          <td>Second Week</td>
          <td>Third Week</td>
        </tr>        
        <tr>
          <td>First Week</td>
          <td>Second Week</td>
          <td>Third Week</td>
        </tr>        
      </tbody>
    </table>
    <p>now i will end list and table tag here with little information and next we wil study how to create form and form tag </p>
    <p><strong>Thank You</strong></p>
  </body>
</html>

Post a Comment

Let us Know...!

Previous Post Next Post