Horje

Full Example of HTML Header for Multiple Columns

To do this, use the colspan attribute on the <th> element:
index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
</style>
</head>
<body>

<h2>A header that spans two columns</h2>

<p>Use the colspan attribute to have a header span over multiple columns.</p>

<table style="width:100%">
  <tr>
    <th colspan="2">Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>
</body>
</html>

Output should be:

Full Example of HTML Header for Multiple Columns



Related Articles
What is HTML Table Headers HTML Table Headers
How to create Table Headers in HTML HTML Table Headers
How to create HTML Vertical Table Headers HTML Table Headers
How to create HTML Align Table Headers HTML Table Headers
How to create HTML Header for Multiple Columns HTML Table Headers
How to create HTML Table Caption HTML Table Headers

Single Articles
Display the for-all symbolHTML Table Headers
Display the partial differential symbolHTML Table Headers
Display the exist symbolHTML Table Headers
Display the empty-sets symbolHTML Table Headers
Display the nabla symbolHTML Table Headers
Display the element-of symbolHTML Table Headers
Display the not-an-element-of symbolHTML Table Headers
Display contains-a-member symbolHTML Table Headers
Display the product symbolHTML Table Headers
Display the sum symbolHTML Table Headers

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML Table Headers
Uploaded by:
Admin



Share on: