viernes, 9 de diciembre de 2016

Tabla Fraccionada

Haciendo un proyecto intente poner una celda centrada dentro de una tabla en HTML, Soy consciente que esto no es JS pero HTML y JS van juntos decidí meterlo aquí.
Quería un botón y un cuadro de texto dentro en medio de la tabla y buscando en Internet no encontré nada que te explicasen como hacerlo.

El codigo:

 <!DOCTYPE html>  
 <html>  
 <head>  
 <title>Tabla fracionada</title>  
 </head  
 <body>  
 <table WIDTH=1000 border="2px">  
      <tr>  
           <td WIDTH="300" HEIGHT="200"></td>  
           <td WIDTH="100" HEIGHT="100"></td>  
           <td WIDTH="100" HEIGHT="100"></td>  
           <td WIDTH="300" HEIGHT="200"></td>  
      </tr>  
      <tr>  
                <td WIDTH="100" HEIGHT="100"></td>  
                <td WIDTH="100" HEIGHT="100" rowspan="2" COLSPAN="2"></td>  
                <td WIDTH="100" HEIGHT="100"></td>  
      </tr>  
      <tr>  
                <td WIDTH="100" HEIGHT="100"></td>  
                <td WIDTH="100" HEIGHT="100"></td>  
      </tr>  
      <tr>  
                <td WIDTH="300" HEIGHT="200"></td>  
                <td WIDTH="100" HEIGHT="100"></td>  
                <td WIDTH="100" HEIGHT="100"></td>  
                <td WIDTH="300" HEIGHT="200"></td>  
      </tr>  
 </table>  
 </body>  
 </html>  


 Lo que hace este código es esto:


Espero que les haya servido para sus programas porque hacer desde cero es algo complicado.