How to create table cell using HTML5 ?

How to create table cell using HTML5 ?

Last Updated : 14 Jul, 2020

In this article, we will create cell in a table by using a combination of <tr> and <td> tag in a HTML table. Syntax:

<table>
  <tr>
    <td> . . . </td>
    <td> . . . </td>
  </tr>
</table>

Example:

html

<!DOCTYPE html>
<html>

<head>
    <title>
        How to create a cell in 
        a table using HTML5?
    </title>

    <style>
        body {
            text-align: center;
        }

        h1 {
            color: green;
        }

        table,
        tbody,
        td {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
</head>

<body>
    <center>
        <h1>GeeksforGeeks</h1>

        <h2> 
            How to create a cell in 
            a table using HTML5?
        </h2>
        
        <table>

            <!-- tr tag starts here -->
            <tr>
                <td>Geeks</td>
                <td>For </td>
                <td>Geeks</td>
            </tr>
            <!-- tr tag end here -->
        </table>
    </center>
</body>

</html>

Output:

Supported Browsers are listed below:

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

How to create table cell using HTML5 ?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to create a table row using HTML?

Define a row in a table by using a <tr> tag in a document. This tag is used to define a row in an HTML table. The tr element contains multiple th or td elements. Syntax:<tr> ... </tr>Example: In this example, a table row in HTML5, utilizes the <tr> tag within the <tbody

How to Create Header Cell in a Table using HTML?

A header cell in a table made with <th> tag is used to label columns or rows, helping organize information. To create a header cell in an HTML table, use the <th> element. Header cells typically contain titles for each column or row, and they are bold by default.Syntax<th> Contents

How to Create Table in HTML?

HTML tables are used for organizing and displaying data in a structured format on web pages. Tables are commonly used for product information, presenting data analytics, or designing a pricing comparison chart. Elements of HTML TableTable ElementsDescription<table>The <table> element def

How to define a table caption using HTML ?

In this article, we define a table caption by using the <caption> tag element. The caption element is used to specify the caption of a table. This tag will be inserted just after the table tag. Only one caption can be specified for one table. It is by default aligned to the center. Syntax:

How to Create Time-Table Schedule using HTML?

A time table or schedule is essential for organizing tasks, events, or classes. Weâ€™ll create a basic time-table layout using HTML. A Table is an arrangement of rows and columns. Anyone can create a table by knowing the basics of HTML(HyperText Markup Language). In HTML we can use the <table> t