What is Table Tag in html ?

 Use of table tag in html:

 Imagine you’re setting up a fancy dinner party, and you need to organize all your guests. HTML tables are like your seating chart, making sure everyone knows where to sit.

Here’s a basic example to get you started:



 <h1>Welcome to the Table Extravaganza!</h1>

  <table>

      <tr>

          <th>Name</th>

          <th>Favorite Food</th>

      </tr>

      <tr>

          <td>John</td>

          <td>Pizza</td>

      </tr>

      <tr>

          <td>Jane</td>

          <td>Sushi</td>

      </tr>

  </table>

</body>

 

  Imagine you’re setting up a fancy dinner party, and you need to organize all your guests. HTML tables are like your seating chart, making sure everyone knows where to sit.

Here’s a basic example to get you started:

 <h1>Welcome to the Table Extravaganza!</h1>

  <table>

      <tr>

          <th>Name</th>

          <th>Favorite Food</th>

      </tr>

      <tr>

          <td>John</td>

          <td>Pizza</td>

      </tr>

      <tr>

          <td>Jane</td>

          <td>Sushi</td>

      </tr>

  </table>

</body>

 

 

Breaking it Down:

 <table border="1">: This is your table tag, the grandmaster of the dinner party. The border="1" attribute adds a border to your table, making it look neat and tidy.

<tr>: Think of this as a row in your table. Each row can have multiple cells.

<th>: This stands for “table header.” It’s like the VIP section of your table, usually bold and centered.

<td>: This stands for “table data.” These are the regular seats where your guests (data) sit.

So, in our example, we have a table with two columns: “Name” and “Favorite Food.” John loves pizza, and Jane is all about sushi.

 

 

 

 

 

Location: United States

Comments

Post a Comment

Popular posts from this blog

How to write H1 TAG IN HTML ?

Image
 Introduction: The  <h1>  tag is like the king of headings in HTML . It’s the biggest, boldest, and most important heading on your page. Think of it as the headline of a newspaper article – it grabs attention and tells everyone what the page is all about. Here’s how you use it: <h1> This is an h1 heading </h1> And voilà! You’ve just created an  <h1>  tag. It’s like putting a crown on your text and saying, “Hey, look at me! I’m important!” Remember , you should only have one  <h1>  tag per page to keep things neat and tidy, just like you wouldn’t have two main headlines on the front page of a newspaper. Happy coding
Read more

What are the Advantages and Disadvantages of Web development

Image
Competitive Salary: Many web engineers make $100,000 or more a year, and they have the potential to achieve very high wages. Therefore, web development can be the perfect job choice for you if you're looking for something fulfilling! Flexibility and Independence : Web developers frequently work from home or as independent contractors since they may create their own schedules. Bid adieu to the 9–5 grind and hello to comfortable jammies and efficiency! Unleashed Creativity: You can express your creativity by creating websites. You can experiment with layouts, colors, and other design components to create visually engaging code. Continuous Learning: Web developers love to pick up new abilities as technology advances quickly. This field keeps you on the edge of your seat if you're curious and enjoy progress. Adventures in Problem-Solving: Debugging code is similar to solving riddles. Fixing bugs is a small success for web developers, who love these challenges. Drawback...
Read more

What is Responsiveness in CSS?

Image
  The Art of Responsive Web Design There are lots of websites that have a responsive design, if they don’t have a responsive design, they are not good enough websites, for every user who has a Mobile, desktop, or laptop. If it shows perfectly on every device's screen size so simply, we can say, it has a responsive design. So, buckle up We are going to learn how it works.   What is Flexbox? Flexbox, or Flexbox model with the help of this, we can make very difficult, layouts very easy. This is known as the one-dimensional layout method, we can make the website's design flexible, which can adjust itself on every screen. For example, a responsive site shows a single column on a phone screen, two columns on a laptop, and three columns on a desktop.   What is em unit? The “em” unit is a relative unit, based on the size of the parent element, The “em” element is a measurement unit in the CSS specifically for font size. If the font size of the parent element is 1...
Read more