Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 21 vistas

    HTML III

    Cargado por

    Criszehro Reviewer
    Las etiquetas <table> </table> generan la tabla y encapsulan su contenido. Las etiquetas <tr> </tr> crean cada fila, mientras que <th> y <td> definen las celdas de la cabecera y los datos respectivamente.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    HTML III

    Cargado por

    Criszehro Reviewer
    21 vistas4 páginas
    Las etiquetas <table> </table> generan la tabla y encapsulan su contenido. Las etiquetas <tr> </tr> crean cada fila, mientras que <th> y <td> definen las celdas de la cabecera y los datos respectivamente.

    Descripción original:

    a

    Título original

    Html III

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Las etiquetas <table> </table> generan la tabla y encapsulan su contenido. Las etiquetas <tr> </tr> crean cada fila, mientras que <th> y <td> definen las celdas de la cabecera y los datos respectivamente.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    21 vistas4 páginas

    HTML III

    Cargado por

    Criszehro Reviewer
    Las etiquetas <table> </table> generan la tabla y encapsulan su contenido. Las etiquetas <tr> </tr> crean cada fila, mientras que <th> y <td> definen las celdas de la cabecera y los datos respectivamente.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    Está en la página 1de 4

    Las etiquetas table de html

    Las etiquetas <table> </table> generan la tabla y encapsulan


    en ellas todo el contenido.

    Las etiquetas de tabla tr


    Para crear cada fila de la tabla lo harás con las
    etiquetas <tr> </tr> de table row (fila de tabla).
    Dentro de las etiquetas de fila tienes dos opciones, poner
    etiquetas <th> o <td>. Esto es aplicable a todas las filas, incluída
    la primera de la tabla.

    Las etiquetas de tabla th


    Las etiquetas <th> </th> de table header (cabecera de tabla) son
    las etiquetas que se ponen para especificar la cabecera de la tabla.
    Es como en la imagen, ahí van los títulos como producto,
    categoría y precio en el ejemplo. Cada celda deberá tener su
    apertura y cierre, en este caso, se utilizan tres
    etiquetas <th> para tres celdas.

    Las etiquetas de tabla td


    Para crear cada celda de información como teclado gaming,
    placa base AMD, 29€, gráficas, etc. de la tabla lo harás con las
    etiquetas <td> </td> de table data (dato de tabla).

    Eso es todo con las tablas en este curso básico. Aquí tienes la
    tabla del vídeo en formato html para que hagas prácticas con
    ella.
    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">
    <title>Tablas html</title>

    </head>

    <body>

    <table>

    <!--FILA 1-->

    <tr>

    <th>Producto</th>

    <th>Categoría</th>

    <th>Precio</th>

    </tr>

    <!--FILA 2-->

    <tr>

    <td>Teclado gaming</td>

    <td>Teclados</td>

    <td>29 €</td>

    </tr>

    <!--FILA 3-->

    <tr>

    <td>Portátil i3</td>

    <td>Portátiles</td>

    <td>315 €</td>

    </tr>

    <!--FILA 4-->

    <tr>
    <td>Monitor 24"</td>

    <td>Monitores</td>

    <td>124 €</td>

    </tr>

    <!--FILA 5-->

    <tr>

    <td>Tarjeta gráfica 8 GB</td>

    <td>Gráficas</td>

    <td>450 €</td>

    </tr>

    <!--FILA 6-->

    <tr>

    <td>Placa base AMD</td>

    <td>Placas base</td>

    <td>95 €</td>

    </tr>

    </body>

    </html>

    Resultado
    Actividad

    Crea una tabla de 4x5 (cuatro columnas y cinco filas). Esta tabla deberá
    llevar una cabecera, por lo que te queda una fila para la cabecera y cuatro
    para los datos. En la cabecera debes colocar lo
    siguiente: Vehículo, Precio, Velocidad y Color en ese orden. En las cuatro
    filas restantes, inventa modelos de coche (pueden ser reales si los conoces)
    y dales el precio que quieras y una velocidad máxima (o utiliza los de la
    imagen, aquí te doy a escoger).

    También podría gustarte