Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Unificación de Celdas

    Încărcat de

    Adriana Quiñones Castro
    108 vizualizări5 pagini
    Combinar Celdas

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    Combinar Celdas

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    108 vizualizări5 pagini

    Unificación de Celdas

    Încărcat de

    Adriana Quiñones Castro
    Combinar Celdas

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 5

    UNIFICACIN DE CELDAS

    En algunas ocasiones, puede ser necesario unificar dos o ms celdas


    en una sola que pasar a ocupar el lugar de aquellas afectadas. Estas
    unificaciones pueden ser llevadas a cabo con los atributos rowspan
    (para unificacin vertical) y colspan (para unificacin horizontal).
    UNIFICACIN HORIZONTAL CON COLSPAN
    Como hemos comentado con anterioridad, para la unificacin
    horizontal de celdas, utilizaremos el atributo de celda colspan. Crea
    un archivo ejemplo.html con este cdigo y visualzalo.

    Campo 1

    Campo 2

    Campo 3

    Campos 4 y 5

    Campo 6

    Campo 7

    Campo 9

    Campo 8

    <html>
    <head><title>Ejercicio </Title></head>
    <body bgcolor="blue" text="red">
    <h1>Ejercicio 1</h1>
    <table border="1" bgcolor="olive">
    <tr>
    <td>Campo1</td>
    <td>Campo2</td>
    <td>Campo3</td>
    </tr>
    <tr>
    <td colspan="2">Campo4 y 5</td>
    <td>Campo6</td>
    </tr>
    <tr>
    <td>Campo7</td>
    <td>Campo8</td>
    <td>Campo9</td>
    </tr>
    </table>
    </body>
    </html>

    UNIFICACIN VERTICAL CON ROWSPAN


    Lenguaje HTML

    Pgina 1

    En este caso, para la unificacin vertical de celdas, utilizaremos el


    atributo de celda rowspan. Crea un archivo ejemplo.html con este
    cdigo y visualzalo.
    Campo 1, 4 y 7

    Campo 2 Campo 3
    Campo 5 Campo 6
    Campo 8 Campo 9

    <html>
    <head><title>Ejercicio </Title></head>
    <body bgcolor="blue" text="red">
    <h1>Ejercicio 1</h1>
    <table border="1" bgcolor="olive">
    <tr>
    <td rowspan="3">Campo1,4 y7</td>
    <td>Campo2</td>
    <td>Campo3</td>
    </tr>
    <tr>
    <td>Campo5</td>
    <td>Campo6</td>
    </tr>
    <tr>
    <td>Campo8</td>
    <td>Campo9</td>
    </tr>
    </table>
    </body>
    </html>

    Lenguaje HTML

    Pgina 2

    CELDAS DE ENCABEZADO
    Hay dos tipos de celdas que pueden ser definidas en una tabla HTML.
    Una de ellas es la celda simple (elemento TD), ya definido
    anteriormente, y la otra es un tipo especial de celda (elemento TH
    table header, cabecera de tabla) que contiene informacin de
    encabezado para un conjunto de celdas especficas. Los navegadores
    representan normalmente el contenido de las celdas especiales como
    texto centrado y en negrita, atributos que tambin pueden ser
    visualmente logrados con la utilizacin de celdas normales (elemento
    TD).
    Alumno
    Juan Prez
    Rodolfo Crdenas

    Asignatura
    Matemticas
    Francs

    Calificacin
    8
    5

    <html>
    <head><title>Ejercicio 1</Title></head>
    <body bgcolor="blue" text="red">
    <h1>Ejercicio 1</h1>
    <table border="1" bgcolor="olive">
    <tr>
    <th>Alumno</th>
    <th>Asignatura</th>
    <th>Calificacion</th>
    </tr>
    <tr>
    <td>Juan Perez</td>
    <td>Matematica</td>
    <td>8</td>
    </tr>
    <tr>
    <td>Rodolfo Cardenas</td>
    <td>Frances</td>
    <td>5</td>
    </tr>
    </table>
    </body>
    </html>
    TTULO DE LAS TABLAS CON EL ELEMENTO CAPTION
    Mediante el elemento caption, podemos definir el ttulo de una tabla.
    Este ttulo debera describir de una manera breve y precisa el
    contenido y la naturaleza de la tabla. El elemento caption slo est
    permitido si va justo despus de la apertura de la tabla. Escribe este
    cdigo y comprueba el resultado.
    Ttulo de la tabla
    Lenguaje HTML

    Pgina 3

    Contenido
    1
    Contenido
    4

    Contenido
    2
    Contenido
    5

    Contenido
    3
    Contenido
    6

    <html>
    <head><title>Ejercicio 1</Title></head>
    <body bgcolor="blue" text="red">
    <h1>Ejercicio 1</h1>
    <table border="1" bgcolor="olive">
    <caption>Titulo de Tabla</caption>
    <tr>
    <td>contenido1</td>
    <td>contenido2</td>
    <td>contenido3</td>
    </tr>
    <tr>
    <td>contenido4</td>
    <td>contenido5</td>
    <td>contenido6</td>
    </tr>
    </table>
    </body>
    </html>
    PRACTICA
    Crea un documento con una tabla HTML que tenga la apariencia de la
    tabla indicada a continuacin. La primera fila debe estar compuesta
    por elementos de encabezado de tabla (th). No te preocupes por el
    centrado de los textos, sino nicamente por que las subdivisiones en
    la tabla aparezcan correctamente.

    Lenguaje HTML

    Pgina 4

    Lenguaje HTML

    Pgina 5

    S-ar putea să vă placă și