PORQUE NO ME APARECEN UNIDAS MIS CUADRITOS DE LA TABLA

hola a unidades te referis a las horas hs? en el codigo colocaste solo la h

    y tendria que ser
     <tbody>
            <tr>
                <td>Lunes</td>
                <td>08hs ~ 20hs</td>
            </tr>
            <tr>
                <td>Miércoles</td>
                <td>08hs ~ 20hs</td>
            </tr>
            <tr>
                <td>Viernes</td>
                <td>08hs ~ 20hs</td>
            </tr>
        </tbody>
    </table>

Los navegadores como chrome, firefox, etc. suele implementar estilos de css por default, cuando usted empezo a aprender html muy probablemente lo hizo sin implementar ningun estilo de css y a pesar de, el navegador es capaz de mostrar un parrafo, un encabezado, etc. por lo tanto como sabe el navegador que dicha etiqueta "h1" debe ser mostrada con x tamaño, con color negro, con cierto ancho, etc. si usted en ningun momento le especifico una hoja de css, bueno eso es gracias a los estilo por default los cuales son implementados por el navegador de tal forma que usted pueda ver el elemento.

En este caso la etiqueta table contiene una propiedad denominada border-spacing la cual especifica la cantidad de espacio que existe entre las celdas de una tabla. En chrome esta propiedad se presenta con un valor de 2px por default. Por lo tanto para que las celdas de su tabla aparezcan juntas es tan simple como asignarle el valor de cero a esta propiedad.

Su hoja de css:

table {
    margin: 40px 40px;
    border-spacing: 0; /* <- propiedad agregada */
}

thead {
    background: #555555;
    color: white;
    font-weight: bold;
}

td,
th {
    border: 1px solid #000000;
    padding: 8px 15px;

}

Tabla con border-spacing: 0;

muchas gracias por ayudarme!