ladrillos.html

  1. <!DOCTYPE html>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. <title>Pared de ladrillos con una tabla HTML</title>
  4. <link href="ladrillos.css" rel="stylesheet" type="text/css">
  5. <!--script src="/javascripts/prototype.js" type="text/javascript"></script-->
  6. <!--script src="ladrillos.js" type="text/javascript"></script-->
  7. </head>
  8.  
  9.  
  10. <div id="principal">
  11. <h1>Pared de ladrillos<br />con una tabla HTML</h1>
  12. <p id="autor">ProInf.net &copy;2012</p>
  13. </div>
  14.  
  15. <div id="fondo">
  16. <tr>
  17. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  18. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  19. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  20. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  21. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  22. </tr>
  23. <tr>
  24. <td></td>
  25. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  26. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  27. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  28. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  29. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td></td>
  30. </tr>
  31. <tr>
  32. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  33. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  34. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  35. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  36. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  37. </tr>
  38. <tr>
  39. <td></td>
  40. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  41. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  42. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  43. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  44. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td></td>
  45. </tr>
  46. <tr>
  47. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  48. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  49. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  50. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  51. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  52. </tr>
  53. <tr>
  54. <td></td>
  55. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  56. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  57. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  58. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  59. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td></td>
  60. </tr>
  61. <tr>
  62. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  63. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  64. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  65. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  66. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  67. </tr>
  68. <tr>
  69. <td></td>
  70. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  71. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  72. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  73. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  74. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td></td>
  75. </tr>
  76. <tr>
  77. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  78. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  79. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  80. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  81. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  82. </tr>
  83. <tr>
  84. <td></td>
  85. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  86. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  87. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  88. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  89. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td></td>
  90. </tr>
  91. <tr>
  92. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  93. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  94. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  95. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  96. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  97. </tr>
  98. <tr>
  99. <td></td>
  100. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  101. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  102. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  103. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  104. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td></td>
  105. </tr>
  106. <tr>
  107. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  108. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  109. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  110. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  111. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  112. </tr>
  113. <tr>
  114. <td></td>
  115. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  116. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  117. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  118. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  119. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td></td>
  120. </tr>
  121. <tr>
  122. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  123. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  124. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  125. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  126. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  127. </tr>
  128. <tr>
  129. <td></td>
  130. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  131. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  132. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  133. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  134. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td></td>
  135. </tr>
  136. <tr>
  137. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  138. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  139. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  140. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  141. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  142. </tr>
  143. <tr>
  144. <td></td>
  145. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  146. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  147. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  148. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  149. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td></td>
  150. </tr>
  151. <tr>
  152. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  153. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  154. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  155. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  156. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  157. </tr>
  158. <tr>
  159. <td></td>
  160. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  161. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  162. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  163. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td colspan="2"></td>
  164. <td colspan="2"></td><td colspan="2"></td><td colspan="2"></td><td></td>
  165. </tr>
  166. </div>
  167.  
  168. </body>
  169. </html>
  170.  

Proinf.net