Diseñe una tabla usando la etiqueta de tabla y sus atributos

En este artículo, crearemos una tabla usando HTML. Para crear esta tabla, debemos conocer las etiquetas necesarias para crear la tabla. Primero, crearemos la estructura de la tabla y usaremos atributos para diseñar la tabla.

Enfoque: para crear la tabla, debemos usar la etiqueta <table> y usaremos los atributos de la etiqueta <table> para diseñar la tabla. Los atributos que usaremos para diseñar la tabla son: cellpacing , cellpadding , border , bg color, etc.

Ejemplo:

<!DOCTYPE html>
<html>
  
<body bgcolor="pink">
    <table bgcolor="silver" align="center" 
        border="5" cellspacing="5" 
        cellpadding="5">
          
        <tr bgcolor="purple">
            <caption align="top">
                <h2 style="color: #ff3300;">
                    Train
                </h2>
            </caption>
  
            <th bgcolor="magenta">train number</th>
            <th bgcolor="magenta">departure</th>
            <th bgcolor="magenta">arrival</th>
            <th bgcolor="magenta">category</th>
        </tr>
        <tr>
            <td>12267</td>
            <td>23:25</td>
            <td>05:15</td>
            <td>duronto</td>
        </tr>
        <tr>
            <td>12426</td>
            <td>19:40</td>
            <td>05:05</td>
            <td>rajdhani</td>
        </tr>
        <tr>
            <td>12019</td>
            <td>06:05</td>
            <td>13:15</td>
            <td>shatabdi express</td>
        </tr>
    </table>
</body>
  
</html>

Producción:

Entonces, usando los atributos de la etiqueta de la tabla, podemos diseñar la tabla.

Publicación traducida automáticamente

Artículo escrito por codingbeast12 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 *