Dejar de usar TABLAS en html y usar DIV con CSS
Quien no ha pasado por usar tablas en html, cuando construyen sus web, desde el principio de las web, se utilizo las famosas tablas, celdas...etc, que ocupaban mucho espacio en memoria y ademas era muy tedioso manejar y darle detalles finos. El uso de las CSS revoluciono la forma de crear WebSites, pues ya no era necesario definir todas las etiquetas html en la web, y ademas teniamos q volver a repetir todo ese codigo basura nuevamente y al final salia un codigo tremendo. EJEMPLO
-
<table width="100%" height="200" cellpading="2" border="1" bgcolor="#f0f0f0f">
-
<td bgcolor="#cccccc" align="top">
-
Esta es una estructura para construir tablas, le dimos, un ancho de 100%, alto de 200, spacio de celdas 2 borde 1 y un fondo, aun falta mas codigo de color de celda, y otras mas que nos genera mucho codigo.
-
</td>
-
</tr>
-
</table>
-
</body>
Y si queremos crear otra tabla en nuestra web con las mismas caracteristicas, el codigo tendriamos que volver a repetir, imaginense 5 tablas en tu web, cuanto codigo estaria en tu web.
Pero aqui tenemos la solucion, ingresen a ver como solucionar estos excesos de codigos...
Primeramente vamos a crear un css y ver de que otra forma podemos crear tablas con css y DIV:
El archivo se llamara drakito.html
HTML:
Creo que para ser primer ejemplo y comienzo de este tutorial, hasta aqui lo dejamos, si tienen dudas o comentarios, lo dejan aqui, seguire creando mas tutoriales para que puedan hacer bien bonitas sus web.
