¿Cómo definir un título de tabla usando HTML?

En este artículo, definimos un título de tabla usando el elemento de etiqueta <caption> . El elemento caption se utiliza para especificar el título de una tabla. Esta etiqueta se insertará justo después de la

etiqueta. Solo se puede especificar un título para una tabla. Por defecto está alineado al centro.

Sintaxis:

<caption align="value"> </caption>

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <style>
        table,
        th,
        td {
            border: 1px solid black;
        }
  
        #GFG {
            font-size: 25px;
            color: green;
        }
    </style>
</head>
  
<body>
    <h1 style="color:green;font-size:35px;">
        GeeksForGeeks
    </h1>
  
    <h2>
        HTML5: How to define 
        a table caption?
    </h2>
  
    <table>
          
        <!-- Adding caption to the table -->
        <caption id="GFG">Students</caption>
        <tr>
            <th>Firstname</th>
            <th>Lastname</th>
            <th>Age</th>
        </tr>
        <tr>
            <td>Priya</td>
            <td>Sharma</td>
            <td>24</td>
        </tr>
        <tr>
            <td>Arun</td>
            <td>Singh</td>
            <td>32</td>
        </tr>
        <tr>
            <td>Sam</td>
            <td>Watson</td>
            <td>41</td>
        </tr>
    </table>
</body>
  
</html

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *