<th> ... </th>


خلية رأسية في الجدول تُستخدم لعرض عناوين الأعمدة.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Inline CSS Table Header Cell Example</title>

</head>

<body>

<table style="width: 80%; margin: 20px auto; border-collapse: collapse;">

<thead>

<tr style="background-color: #2c3e50;">

<th style="padding: 10px; border: 1px solid #ddd; color: #fff;">Header 1</th>

<th style="padding: 10px; border: 1px solid #ddd; color: #fff;">Header 2</th>

<th style="padding: 10px; border: 1px solid #ddd; color: #fff;">Header 3</th>

</tr>

</thead>

<tbody>

<tr>

<td style="padding: 10px; border: 1px solid #ddd;">Data 1</td>

<td style="padding: 10px; border: 1px solid #ddd;">Data 2</td>

<td style="padding: 10px; border: 1px solid #ddd;">Data 3</td>

</tr>

</tbody>

</table>

</body>

</html>

Inline CSS Table Header Cell Example
Header 1 Header 2 Header 3
Data 1 Data 2 Data 3