Computer scienceFrontendHTMLBasic TagsTables

Rows, cells, captions

Theory

Cell attributes

Report a typo

The HTML code below requires some improvements. Make the necessary changes so the output matches this image:

The table with students information

Write HTML and CSS code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tables</title>
</head>

<body>
<table>
<thead>
<tr>
<th>Heading</th>
<th>Student</th>
<th>Details</th>
</tr>

<tr>
<th>ID</th>
<th>Name</th>
<th>Roll no.</th>
<th>Grade</th>
</tr>
</thead>

<tbody>
<tr>
<td>Student List</td>
<td>1880091</td>
<td>Joseph</td>
<td>091</td>
<td>VII</td>
</tr>

<tr>
Completed 1 of 5
Span the heading cell
Span the details cell
___

Create a free account to access the full topic