HTML Tables
An HTML table is used to organize data into rows and columns. Tables are useful when displaying structured data such as product lists, pricing tables, or service comparisons.
What is an HTML Table
Tables help users read and compare data easily. In modern web design, tables are often used for pricing plans, employee lists, and structured technical data.
Basic Table Structure
HTML tables use several key tags:
| Tag | Purpose |
|---|---|
<table>
|
Defines the table container |
<tr>
|
Defines a table row |
<th>
|
Defines a table heading (bold and centered by default) |
<td>
|
Defines table data (a cell) |
Code Example
<table border="1">
<tr>
<th>Service</th>
<th>Description</th>
</tr>
<tr>
<td>Website Development</td>
<td>Professional website development by CODE4UTECH</td>
</tr>
<tr>
<td>Digital Marketing</td>
<td>Online marketing solutions for business growth</td>
</tr>
</table>Explanation:
<tr>creates table rows<th>creates headings<td>contains data
Example: CODE4UTECH Services Table
| Service Name | Category | Availability |
|---|---|---|
| Website Development | Software Services | Available |
| SEO Optimization | Digital Marketing | Available |
| Technical Support | Customer Service | Available |
This table clearly displays the various services offered by team CODE4UTECH.