Scribd Logo
Upload

Welcome to Scribd!

  • Codigo de Horario Tabla

    Uploaded by

    evavarwa12
    5 views4 pages
    The document contains CSS code to style a school schedule HTML table with alternating row colors, colored header, centered text for recess, and colored first column. It then includes the HTML code for a table displaying a student's class schedule with subjects organized by time and day of the week.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains CSS code to style a school schedule HTML table with alternating row colors, colored header, centered text for recess, and colored first column. It then includes the HTML code for a table displaying a student's class schedule with subjects organized by time and day of the week.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views4 pages

    Codigo de Horario Tabla

    Uploaded by

    evavarwa12
    The document contains CSS code to style a school schedule HTML table with alternating row colors, colored header, centered text for recess, and colored first column. It then includes the HTML code for a table displaying a student's class schedule with subjects organized by time and day of the week.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    body

    {font-size: 2.rem;}

    table

    {border: 1px solid black;

    border-collapse: collapse;

    margin: auto;}

    td{padding: 1rem;

    border: 1px solid black;}

    thead{background-color:black;

    color:white; }

    #recreo{text-align: center;

    background: red;}

    tbody td: first child {background-color: aqua;}

    tbody tr:nth-child(2n) {background-color: beige;}

    tbody tr:nth-child(2n+1){background-color: lightblue;}


    documento:

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="css/estilo.css">

    <title>MI HORARIO</title>

    </head>

    <body>

    <table>

    <thead>

    <tr>

    <td>HORAS</td>

    <td>LUNES</td>

    <td>MARTES</td>

    <td>MIERCOLES</td>

    <td>JUEVES</td>

    <td>VIERNES</td>

    </tr>

    </thead>

    </tbody>

    <td>7:00-8:00</td>

    <td>MATEMATICAS</td>

    <td>LENGUA</td>
    <td>MATEMATICA</td>

    <td>LENGUA</td>

    <td>MATEMATICAS</td>

    </tr>

    <tr>

    <td>8:00-9:00</td>

    <td>LENGUA</td>

    <td>NATURALES</td>

    <td>LENGUA</td>

    <td>NATURALES</td>

    <td>INGLES</td>

    </tr>

    <tr>

    <td>9:00-10:00</td>

    <td id= "recreo"colspan="5">RECREO</td>

    </tr>

    <tr>

    <td>10:00-11:00</td>

    <td>INGLES</td>

    <td>ELECTRONICA</td>

    <td>EDUCACION FISICA</td>

    <td>INGLES</td>

    <td>EDUCACION FISICA</td>
    </tr>

    <tr>

    <td>11:00-12:00</td>

    <td>TECNTOLOGIA</td>

    <td>TECNTOLOGIA</td>

    <td>SOCIALES</td>

    <td>CIVICA</td>

    <td>SOCIALES</td>

    </tr>

    <tr>

    <td>CIVICA</td>

    <td>ELECTRONICA</td>

    <td>MATEMATICA</td>

    <td>TECNOLOGIAS</td>

    <td>SOCIALES</td>

    <td>NATURALES</td>

    </tr>

    </tbody>

    </table>

    </body>

    </html>

    You might also like