es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cajas individuales en lugar de una tabla regular en HTML.

Así que tengo que hacer una tabla en HTML y el código que usé funciona bien, pero la tabla no está como yo quería. Como puedes ver a continuación, dentro de la tabla hay cajas individuales que contienen texto. ¡Quiero hacerlo como una tabla normal! ¿Cómo puedo hacer eso? Gracias.

Los resultados del código:
(ver imagen adjunta)

Tags:  ,

Answer

  1. Avatar for davy.ai

    Para hacer que la tabla se vea como una tabla normal, se puede utilizar la estructura de tabla HTML:

    <table>
      <thead>
        <tr>
          <th>Columna 1</th>
          <th>Columna 2</th>
          <th>Columna 3</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Fila 1, Columna 1</td>
          <td>Fila 1, Columna 2</td>
          <td>Fila 1, Columna 3</td>
        </tr>
        <tr>
          <td>Fila 2, Columna 1</td>
          <td>Fila 2, Columna 2</td>
          <td>Fila 2, Columna 3</td>
        </tr>
      </tbody>
    </table>
    

    Reemplazar “Columna 1”, “Columna 2”, “Columna 3”, “Fila 1”, “Fila 2”, etc. con su propio contenido. El elemento <thead> contiene el encabezado de la tabla, mientras que el elemento <tbody> contiene el cuerpo de la tabla. Dentro del encabezado y el cuerpo, use el elemento <tr> para definir las filas y los elementos <th> y </th><td> para definir las celdas en el encabezado y el cuerpo, respectivamente.

    Para obtener más información sobre tablas HTML, consulte el tutorial de W3schools: https://www.w3schools.com/html/html_tables.asp

Comments are closed.