How to make a table in HTML?

 Adding a table in HTML is easy. I am going to teach it to you by adding style to the border as well!!

Let's get started!!

This is the code-



<html>

<head>

<title> MY NAME </title>

</head>

<body style="background-color:pink">

Hello everyone!! my name is Esha Rautela!!<br><hr>

I study in grade 8.<br><hr> 

:)<hr>

 <img src="C:\Users\eshar\OneDrive\Desktop\HTML.png" width="200px" height="150px"><hr>

  <h2><i>LIST OF ELECTRONIC DEVICES</h2>

<ul>

<li>Phone</li>

<li>Laptop</li>

<li>Tab</li>

<li>T.V</li>

<li>Xbox 360</li>

<li>Xbox 1s </li>

<li>Xbox 1x</li>

<li>Oven</li>

<li>Microwave</li>

<li>Toaster</li>

<li>A.C</li>

</ul><hr>

<iframe width="560" height="315" src="https://www.youtube.com/embed/gU2HqP4NxUs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<hr>

<table border="10" bgcolor="pink" bordercolor="red" style="border-style: dashed" width="400" height="300" align="center">

     <thead>

        <tr>

<th bgcolor="orange">NAME <b></th>

<th bgcolor="orange">SAVING(per month)<b></th>

    </tr> 

     </thead> 

     <tbody>

        <tr> 

        <td>Esha</td>

        <td>$200</td>

        </tr>

<tr> 

        <td>Kritin</td>

        <td>$180</td>

        </tr>

<tr> 

        <td>Shanti</td>

        <td>$150</td>

        </tr>

<tr> 

        <td>Tarun</td>

        <td>$190</td>

        </tr>

</body>

</html>








Comments

Post a Comment

Popular posts from this blog

LIST THE REASONS FOR THE FAILURE OF 1857 REVOLT.

  THE REASONS FOR THE FAILURE OF 1857 REVOLT WERE- 1_ The Indians did not have proper weapons to fight with, as the British were more advanced. 2_ They were not united. There was someone or the other who betrayed them. 3_ There was no proper leader to guide them. 4_ The revolt was an unorganized effort. 5_ The revolt did not spread to all parts of the country. Nor was it supported by all groups and sections of the Indian society.
Read more

Twist and Turn pop-up card

Image
Family and friends are very special in each and everyone's life, choosing a gift for them is going to be a difficult task. Want to make something special for family or friends.. but not able to decide what to make? Or not knowing what to make for a scrapbook or pop-up box? you can take help from my blogs!! I am going to teach you how to make a twist and turn pop-up card!! Let's get started! Materials required- -Scissors -Glue  -Paper(any color)                                              30 *10 cm(1)                                              24*9 cm(1)                                         ...
Read more

How to add video in HTML?

Image
 You can add as many videos as you want. I am going to teach you how to insert any video from youtube. First, Go to the video on YouTube that you want to insert into your website.  Then, click on share. Next, click on embed. Now, copy the whole thing and paste it into your HTML program. <html> <head> <title> MY NAME </title> </head> <body style="background-color:pink"> Hello everyone!! my name is Esha Rautela!!<br><hr> I study in grade 8.<br><hr>  :)<hr>  <img src="C:\Users\eshar\OneDrive\Desktop\HTML.png" width="200px" height="150px"><hr>   <h2><i>LIST OF ELECTRONIC DEVICES</h2> <ul> <li>Phone</li> <li>Laptop</li> <li>Tab</li> <li>T.V</li> <li>Xbox 360</li> <li>Xbox 1s </li> <li>Xbox 1x</li> <li>Oven</li> <li>Microw...
Read more