HTML Basics

HTML Introduction HTML Basic HTML Comments HTML Tags/Elements HTML Attributes HTML Formatting HTML Block and Inline HTML Charsets HTML Classes HTML Colors HTML Div HTML Headings HTML Id HTML Iframes HTML Images HTML File Paths HTML Tables HTML Layout HTML Lists HTML Links <a> HTML Paragraphs HTML Quotations HTML JavaScript HTML Emojis HTML URL Encode HTML Entities HTML Computercode HTML Symbols HTML Styles

HTML Forms

HTML Forms HTML Form Elements HTML Form Attributes HTML Input Attributes HTML Input Regex HTML Input Form Attributes HTML Input Types

HTML SEO

HTML Head HTML Page Title HTML Responsive HTML Semantics HTML Favicon

HTML Graphics

HTML Canvas HTML SVG

HTML Media

HTML Media HTML Audio HTML Video

HTML Reference

a abbr acronym address applet area article aside audio b base basefont bdi bdo big blockquote body br button canvas caption center cite code col colgroup data datalist dd del details dfn dialog dir div dl DOCTYPE dt em embed fieldset figcaption figure font footer form frame frameset h1_-_h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noframes noscript object ol optgroup option output p param picture pre progress q rp rt ruby s samp script search section select small source span strike strong style sub summary sup svg table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr

HTML <td> Tag

The <td> tag in HTML is used to define a cell in a table. It stands for table data, and is used to hold data within rows and columns in a table.

Usage of the <td> tag:

In a table structure, each row is made up of multiple cells, defined by the <td> tag. These cells are then arranged in columns. The <td> tag holds the actual content of the cell.

Main tag attributes of the <td> tag:

Attribute Description
colspan Specifies how many columns a cell should span
rowspan Specifies how many rows a cell should span
headers Specifies one or more header cells a cell is related to

Examples of using the <td> tag:

Here is an example of a table with multiple cells defined by the <td> tag:

<table>
  <tr>
    <td>Row 1, Cell 1</td>
    <td>Row 1, Cell 2</td>
  </tr>
  <tr>
    <td>Row 2, Cell 1</td>
    <td>Row 2, Cell 2</td>
  </tr>
</table>

In the above example, each row contains two cells defined by the <td> tag.

Here is an example of using the colspan attribute to span a cell across multiple columns:

<table>
  <tr>
    <td colspan="2">Spanning two columns</td>
    <td>Cell 3</td>
  </tr>
</table>

In the above example, the first cell spans across two columns using the colspan attribute.

Conclusion:

The <td> tag is an essential part of creating tables in HTML. It allows you to define individual cells within a table and add content to those cells. By using attributes like colspan and rowspan, you can control the layout and structure of your table effectively.