HTML TABLAS - EJERCICIO PRACTICO

Agosto-2-2016


En esta clase se vio el tema de las tablas HTML mas a fondo en el cual hicimos un ejercicio practico el cual era este

Unos consejos que se nos dio fue mejorar la utilización del teclado utilizando sus abreviaciones(Ctrl + V) 

La forma en la que se representaba el cuadro era así:

<html>
<head>
 <title>Tabla Repaso</title>
</head>
<body>
  <table border="10" bgcolor="red" bordercolor="green" width="100%">
    <tr>
     <td colspan="5" >1  2  3  4  5</td>
     <td>6</td>
     <td>7</td>
     <td>8</td>
     <td>9</td>
     <td>10</td> 
 </tr>    

     <tr>
     <td rowspan="3">11<br>21<br>31</td>
     <td>12</td>
     <td>13</td>
     <td rowspan="2" colspan="2">14  15<br> 24 25 </td>
  <td>16</td>
     <td>17</td>
     <td>18</td>
     <td>19</td>
     <td rowspan="3">20<br>30<br>40</td>
 </tr>    

  <tr>
     
     <td>22</td>
     <td>23</td>
     <td>26</td>
     <td colspan="2" rowspan="2">27 28 <br> 37 38</td>
     <td>29</td>
 </tr>    

  <tr>
     
     <td>32</td>
     <td>33</td>
     <td colspan="2">34 35</td>
     <td>36</td>
     <td>39</td>
 </tr>    

  <tr>
     <td>41</td>
     <td colspan="2">42 43</td>
     <td>44</td>
     <td colspan="2">45 46</td>
     <td colspan="2">47 48</td>
     <td colspan="2">49 50</td>
       
 </tr>    
  </table>
</body>
</html>


About the author

Admin
Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.

0 comentarios:

Copyright © 2013 Aprende de informatica and Blogger Themes.