TABLES IN HTML ( # tutorial 13 )

in blurtutorials •  4 years ago 

Let us see concept of tables in html. You will learn about how can you create table in html.

So follow along the tutorial to know. let us create a basic tutorial.

Final Output : It is table with two headings as Name and Blurt Power and data as @sct.blurt and 2191201 .

Screenshot from 2020-11-25 23-46-59.png

Step 1 : create a html well structure for your file.

Step 2 : write following code inside the body tag.

Screenshot from 2020-11-25 23-47-06.png

Step 3 : run the file with any browser to see the output.

Screenshot from 2020-11-25 23-46-59.png

Full Code :

<!DOCTYPE html>

 <html>
<head>
   <meta charset="utf-8">
   <title>my first web page is here</title>
</head>

<body>
    <table>
        <tr><th>name</th><th>BP</th></tr>
        <tr><td>@sct.blurt</td><td>2191201</td></tr>
    
    
     </table>        

  </body>

</html>



Explanation :

  1. We use table tag for creating a table.
  2. tr tag is used for creating table row and th is used for creating table heading.
  3. td is used to create table data.

So that is how you create a table in html. we will see more of it in future tutorials.

Thank You.

Links for previous tutorials

  1. HTML BASICS AND CREATING PARAGRAPHS
  2. Headings in Html
  3. ANCHOR TAGS IN HTML
  4. Image tag in Html
  5. CREATE YOUR BASIC WEBSITE
  6. Inline Elements in Html
  7. BLOCK ELEMENTS IN HTML
  8. CONCEPT OF IFRAMES IN HTML , FULL TUTORIAL
  9. UNORDERED LIST IN HTML
  10. UNORDERED LIST And Creating Sub list for same
  11. ORDERED LIST IN HTML
  12. Description List in Html
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE BLURT!