Scribd Logo
Upload

Welcome to Scribd!

  • Qué Son Las Tablas de HTML

    Uploaded by

    albertorrbb
    56 views4 pages

    Original Title

    Qué son las tablas de HTML

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    56 views4 pages

    Qué Son Las Tablas de HTML

    Uploaded by

    albertorrbb

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Qu son las tablas de HTML?

    Las tablas se usan para presentar datos de tablas y para el diseo de texto y grficos de una pgina HTML.

    Caractersticas de las tablas


    Definimos las tablas con la etiqueta <table>. La tabla est dividida en filas definidas con la etiqueta <tr>. Y a su vez cada fila dividida en celdas definidas con la etiqueta <td>. Las celdas pueden contener texto, imgenes, formularios, listas, otras tablas, etc.

    <html> <head> <title>Tabla con bordesremarcados</title> </head> <body> <table border="1"> <tr> <td>Nombre</td> <td>Apellido</td> </tr> <tr> <td>Pedro</td> <td>Garcia</td> </tr> <tr> <td>Alvaro</td> <td>Torres</td> </tr> </table> </body> </html>

    Actividad 1. Cambiar el valor de border por varias opciones para observar los cambios Quitar el atributo border.

    Encabezados de las tablas


    Los encabezados de una tabla se definen con la etiqueta <th>la cual los remarca. <table border="1"> <tr> <th>Nombre</th> <th>Apellido</th> </tr> <tr> <td>Pedro</td> <td>Garcia</td> </tr> <tr> <td>Juan</td> <td>Perez</td> </tr> </table>

    Nombre Apellido Pedro Juan Garcia Perez

    Mrgenes de las celdas


    Es el espacio que se encuentra entre los bordes de la celda y su contenido. Definimos los mrgenes con el atributo cellpadding.

    <tableborder="1px" cellpadding="20px"> <tr> <th>Nombre</th> <th>Apellido</th> </tr> <tr> <td>Pedro</td> <td>Garcia</td> </tr> </table>

    Nombre

    Apellido

    Pedro

    Garca

    Nota: en este ejemplo podemos observar que el atributo cellpadding deja 20 pixels mnimo entre las palabras dentro de cada celda y los bordes de las mismas.

    Actividad 2. 1. Cambiar el valor de cellpading y observar los ajustes 2. Montar el siguiente cdigo:

    <html> <head> <title>Uso del cellpadding</title> </head> <body> <table border="1" cellpadding="10"> <tr> <td></td> <th>Columna 1</th> <th>Columna 2</th> </tr> <tr> <td bgcolor="blue">Fila 1</td> <td>Contenido 1-1</td> <td>Contenido 1-2</td> </tr> <tr> <td>td bgcolor="Blue"Fila 2</td> <td>Contenido 2-1</td> <td>Contenido 2-2</td> </tr> </table> </body> </html>

    Insertar imgenes <td BACKGROUND="c:\sfondo15.jpg">Resultado ------></td> <td BACKGROUND=" sfondo15.jpg">Resultado ------></td>

    ACTIVIDAD 3. 1. 2. Montar en HTML el horario de clases usando colores en los campos Disear la siguiente tabla en HTML

    You might also like