Scribd Logo
Unggah

Selamat datang di Scribd!

  • PW1 Lab03 TablasHTML (Copy)

    Diunggah oleh

    abel20113636
    12 tayangan5 halaman
    tablas en HTML

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    tablas en HTML

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    12 tayangan5 halaman

    PW1 Lab03 TablasHTML (Copy)

    Diunggah oleh

    abel20113636
    tablas en HTML

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    Laboratorio de Programacin Web

    Sesin 3: Tablas
    I. OBJETIVOS
    -

    Conocer las fundamentos de las Tablas HTML


    Utilizar las etiquetas HTML para crear Tablas en pginas web.

    II. TEMAS A TRATAR

    Tablas

    III. MARCO TEORICO

    tablas (<table><tr><td>)
    El objetivo fundamental de las tablas es mostrar una serie de datos en forma ordenada,
    organizado en filas y columnas.
    Para la creacin de una tabla intervienen una serie de elementos:
    <table> Es la marca de comienzo de la tabla. Este elemento requiere la marca de cierre.
    <tr> Es la marca de comienzo de una fila. Esta marca debe estar dentro del elemento table. Este
    elemento requiere la marca de cierre.
    <td> Es la marca de comienzo de una celda. Esta marca debe estar dentro del elemento tr. Este
    elemento requiere la marca de cierre.
    Un elemento que no se visualiza es el <meta>, que tiene por objetivo especificar informacin
    sobre el propio documento.

    IV. ACTIVIDADES
    Tablas.
    1. Escribe el siguiente cdigo en el editor de tu preferencia:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Ttulo de la pgina</title>
    </head>
    <body>
    <table border="1">
    <tr>
    <td>China</td><td>1300 millones</td>
    </tr>
    <tr>
    <td>India</td><td>1080 millones</td>
    </tr>
    <tr>
    <td>Estados Unidos</td><td>295 millones</td>
    </tr>
    </table>
    </body>
    </html>

    Laboratorio de Programacin Web

    2. Gurdalo con el nombre de ejemplo31.html y crgalo en el navegador de tu preferencia.


    Problema: Confeccionar una tabla que muestre en la primer columna los nombre de distintos
    empleados de una compaa y en la segunda el sueldo bruto (la compaa tiene 4 empleados)
    Tabla con encabezado (<th>)
    3. Escribe el siguiente cdigo en el editor de tu preferencia:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Ttulo de la pgina</title>
    </head>
    <body>
    <table border="1">
    <tr>
    <th>Paises</th><th>Cantidad de habitantes</th>
    </tr>
    <tr>
    <td>China</td><td>1300 millones</td>
    </tr>
    <tr>
    <td>India</td><td>1080 millones</td>
    </tr>
    <tr>
    <td>Estados Unidos</td><td>295 millones</td>
    </tr>
    </table>
    </body>
    </html>
    4. Gurdalo con el nombre de ejemplo32.html y crgalo en el navegador de tu preferencia.
    Problema: Confeccionar una tabla que muestre en la primer columna los nombre de distintos
    empleados de una compaa y en la segunda el sueldo bruto (la compaa tiene 4 empleados) Mostrar
    los textos 'Nombre del Empleado' y 'Sueldo Bruto' como primer fila de la tabla.
    Tabla con ttulo (<caption>)
    5. Escribe el siguiente cdigo en el editor de tu preferencia:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Ttulo de la pgina</title>
    </head>
    <body>
    <table border="1">
    <caption>Poblacin de los paises con mayor cantidad de habitantes.</caption>
    <tr>
    <th>Paises</th><th>Cantidad de habitantes</th>
    </tr>

    Laboratorio de Programacin Web

    <tr>
    <td>China</td><td>1300 millones</td>
    </tr>
    <tr>
    <td>India</td><td>1080 millones</td>
    </tr>
    <tr>
    <td>Estados Unidos</td><td>295 millones</td>
    </tr>
    </table>
    </body>
    </html>
    6. Gurdalo con el nombre de ejemplo33.html y crgalo en el navegador de tu preferencia.
    Problema: Confeccionar una tabla que muestre en la primer columna los nombre de distintos
    empleados de una compaa y en la segunda el sueldo bruto (la compaa tiene 4 empleados)
    Disponer en la tabla un ttulo representativo.
    Tabla y combinacin de celdas.
    7. Escribe el siguiente cdigo en el editor de tu preferencia:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Ttulo de la pgina</title>
    </head>
    <body>
    <table border="1">
    <tr>
    <td rowspan="4">Recursos</td><td colspan="4">Facturacin de los ltimos tres meses</td>
    </tr>
    <tr>
    <td>Discos Duros</td><td>23000</td><td>27200</td><td>26000</td>
    </tr>
    <tr>
    <td>CPU</td><td>73000</td><td>67300</td><td>51000</td>
    </tr>
    <tr>
    <td>Monitores</td><td>53000</td><td>72000</td><td>88000</td>
    </tr>
    </table>
    </body>
    </html>
    8. Gurdalo con el nombre de ejemplo44.html y crgalo en el navegador de tu preferencia.

    Laboratorio de Programacin Web

    Problema: Confeccionar una tabla que muestre los nombres de peridicos y su nombre de dominio
    agrupados por pases. En la primer columna disponer los nombre de pases, expandir en fila de
    acuerdo a la cantidad de diarios de cada pas.
    Comentarios dentro de una pgina <!-- -->
    9. Escribe el siguiente cdigo en el editor de tu preferencia:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Ttulo de la pgina</title>
    </head>
    <body>
    <!-- Corresponden a datos del ao 2014. Modificar a principios de 2015-->
    <table border="1">
    <tr>
    <th rowspan="4">Recursos</th><th colspan="4">Facturacin
    de los ltimos tres meses</th>
    </tr>
    <tr>
    <td>Discos Duros</td><td>23000</td><td>27200</td><td>26000</td>
    </tr>
    <tr>
    <td>CPU</td><td>73000</td><td>67300</td><td>51000</td>
    </tr>
    <tr>
    <td>Monitores</td><td>53000</td><td>72000</td><td>88000</td>
    </tr>
    </table>
    </body>
    </html>
    10. Gurdalo con el nombre de ejemplo45.html y crgalo en el navegador de tu preferencia.
    Problema: Confeccionar un pgina que muestre dos tablas. Luego comentar la segunda y ver el
    resultado.
    Contenido de la cabecera de la pgina (<meta>)
    11. Escribe el siguiente cdigo en el editor de tu preferencia:
    <!DOCTYPE html>
    <html>
    <head>
    <title>HTML Ya</title>
    <meta name="keywords" content="html, programacin, webmaster, tutorial">
    <meta name="description" content="El objetivo de esta gua
    es presentar los conceptos bsicos de HTML. Es objetivo prioritario respetar
    los estndares del W3C">
    <meta name="author" content="Nombre y Apellido">

    Laboratorio de Programacin Web

    <meta name="copyright" content="Empresa SA">


    </head>
    <body>
    <p>Es una pgina para probar inicializar el elemento HTML meta.
    </body>
    </html>
    12. Gurdalo con el nombre de ejemplo46.html y crgalo en el navegador de tu preferencia.

    Anda mungkin juga menyukai