Una tabla HTML se define utilizando la etiqueta «tabla» en la página HTML. Cada fila de la tabla se define con la etiqueta «tr». Un encabezado de tabla se define con la etiqueta «th». De forma predeterminada, los encabezados de las tablas están en negrita y centrados. Los datos de una tabla o una celda se definen con la etiqueta «td».
Sintaxis:
<table> Contents... </table>
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
th {
color: blue;
}
table,
tbody,
td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h2>
HTML5: How to define a table?
</h2>
<table>
<thead>
<!-- tr tag starts here -->
<tr>
<th>Name</th>
<th>User Id</th>
</tr>
<!-- tr tag end here -->
</thead>
<tbody>
<tr>
<td>Shashank</td>
<td>@shashankla</td>
</tr>
<tr>
<td>GeeksforGeeks</td>
<td>@geeks</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA