Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • M1. Resoluciones

    Cargado por

    Michelle Ulloa
    4 vistas9 páginas
    ok

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    ok

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    4 vistas9 páginas

    M1. Resoluciones

    Cargado por

    Michelle Ulloa
    ok

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 9

    Ejemplo de resolución

    Guía de resolución

    Ejercicio 1
    <!DOCTYPE html>
    <html lang="es">
    <head>
    <title>Química Orgánica</title>

    </head>
    <style>

    table tr th{
    border: 1px solid #ccc;
    }

    table tr td{
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;
    }

    </style>
    <body>

    <center>
    <table id='tabla1'>
    Ejemplo de resolución

    <thead>
    <tr>
    <th>01</th>
    <th>02</th>

    <th>03</th>
    <th>04</th>
    <th>05</th>

    <th>06</th>
    </tr>
    </thead>

    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    Ejemplo de resolución

    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>

    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>
    </center>

    </body>
    </html>
    Ejemplo de resolución

    Ejercico 2
    <!DOCTYPE html>
    <html lang="es">
    <head>
    <title>Química orgánica</title>

    </head>
    <style>

    table tr th{
    border: 1px solid #ccc;
    }

    .desocupado{
    background-color: #ccc;
    }

    table tr td{
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;

    </style>
    <body>
    Ejemplo de resolución

    <center>
    <table id='tabla1'>
    <thead>
    <tr>

    <th>01</th>
    <th>02</th>
    <th>03</th>

    <th>04</th>
    <th>05</th>
    <th>06</th>
    </tr>
    </thead>
    <tr>
    <td></td>
    <td class="desocupado"></td>
    <td></td>
    <td class="desocupado"></td>
    <td></td>
    <td class="desocupado"></td>
    </tr>
    <tr>
    <td class="desocupado"></td>
    <td></td>
    <td class="desocupado"></td>
    <td></td>
    <td class="desocupado"></td>
    <td></td>
    Ejemplo de resolución

    </tr>
    <tr>
    <td></td>
    <td class="desocupado"></td>
    <td></td>

    <td class="desocupado"></td>
    <td></td>
    <td class="desocupado"></td>
    </tr>
    <tr>
    <td class="desocupado"></td>
    <td></td>
    <td class="desocupado"></td>
    <td></td>
    <td class="desocupado"></td>
    <td></td>
    </tr>
    </table>
    </center>

    </body>
    </html>
    Ejemplo de resolución

    Ejercicio 3
    <!DOCTYPE html>
    <html lang="es">
    <head>
    <title>Química orgánica</title>

    </head>
    <style>

    table tr th{
    border: 1px solid #ccc;
    }

    .desocupado{
    background-color: #ccc;
    }

    table tr td{
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    font-size: 22px;

    }
    Ejemplo de resolución

    </style>
    <body>

    <center>
    <table id='tabla1'>
    <thead>
    <tr>

    <th>01</th>
    <th>02</th>
    <th>03</th>
    <th>04</th>
    <th>05</th>
    <th>06</th>
    </tr>
    </thead>

    <tr>
    <td>Julio Verne</td>
    <td class="desocupado"></td>
    <td>Stephen King</td>
    <td class="desocupado"></td>
    <td>Julio Iglesias</td>
    <td class="desocupado"></td>
    </tr>
    <tr>
    <td class="desocupado"></td>
    <td>Isabel Allende</td>
    <td class="desocupado"></td>
    Ejemplo de resolución

    <td>Fabiana Cantilo</td>
    <td class="desocupado"></td>
    <td>Vilma Picapiedras</td>
    </tr>
    <tr>

    <td>Pebbles Picapiedras</td>
    <td class="desocupado"></td>
    <td>Luis Alberto Spinetta</td>
    <td class="desocupado"></td>
    <td>José Perales</td>
    <td class="desocupado"></td>
    </tr>
    <tr>
    <td class="desocupado"></td>
    <td>Juan Carlos Baglieto</td>
    <td class="desocupado"></td>
    <td></td>
    <td class="desocupado"></td>
    <td></td>
    </tr>
    </table>
    </center>

    </body>
    </html>

    También podría gustarte