How to Create Time-Table Schedule using HTML?

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 Time-Table Schedule using HTML?

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

How to group header content of a table using HTML5 ?

In this article, we define to group the header content in a table by using the <th> tag in HTML to set the header cell of a table. Two types of cells in an HTML table. Header Cell: It is used to hold the header information. Standard Cell: It is used to hold the body of data. The working of bot

How to Create Table Border in HTML ?

In HTML, we can represent the data in the tabular format by using the <table> tag. We can customize the table by creating a border with different widths and colors. Below are the approaches to create a Table Border in HTML: Table of Content Using HTML Table Tag AttributesUsing HTML Inline Styl

How to Create Equal Width Table Cell Using CSS ?

Creating equal-width table cells using CSS refers to adjusting the table's layout so that all columns maintain the same width. This technique ensures a consistent and organized appearance, making the table content easier to read and visually balanced.Here we are following some common approaches:Tabl

How to Align Right in a Table Cell using CSS ?

Aligning right in a table cell means positioning the content of the cell to the right side. In CSS, this can be achieved by applying the text-align property to the table cell or using the td selector.Align right in a table cell Using text-align propertyTo align the contents of a table cell to right,

How to Set Table Cell Width & Height in HTML ?

In HTML, we can control the width and height of table cells using various approaches. This article discusses different methods to set the width and height of table cells in HTML. Table of Content Using inline StyleUsing width and height attributesUsing Inline StyleIn this approach, we are using the