HTML

HTML Table Step By Step Guide For Beginners

HTML table start with <table> tags and close with </table> this. in this page will see how to create a HTML Table, and we will learn about HTML Table, HTML Table tag, HTML Table Style Etc.

HTML Table Step By Step Guide For Beginners

What is HTML Table?

A table is an arrangement of data in rows and columns, or possibly in a more complex structure. Tables are widely used in communication, research, and data analysis. Tables appear in print media, handwritten notes, computer software, architectural ornamentation, traffic signs, and many other places. Wikipedia

What is HTML Table? example preview

HTML Code

What is HTML Table? required HTML code

 


<table class="table">
<caption class="text-center">HTML Table Caption</caption>
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>


HTML Table Row

Each table row start with <tr> Tag

HTML Table Row example preview

HTML Code

HTML Table Row required HTML code

 


<table class="table table-bordered">
  <tbody>
    <tr>
     
      <td><code>&lt;tr&gt;</code></td>
      <td></td>
	  <td></td>
	  <td></td>
      <td><code>&lt;/tr&gt;</code></td>
    </tr>
    <tr>
      
      <td><code>&lt;tr&gt;</code></td>
      <td></td>
	  <td></td>
	  <td></td>
      <td><code>&lt;/tr&gt;</code></td>
    </tr>
    
  </tbody>
</table>


Next entry: Bootstrap Accordion Example with icon and arrow