Vs. CSS Elementos de mesa

Hojas de estilo en cascada (CSS) ofrecen una manera de separar forma y contenido de un sitio web. CSS funciona dentro del lenguaje de marcado de hipertexto (HTML), y funciona como un conjunto de instrucciones que pueden ser llamados a conjugar ciertos elementos HTML con estilos y formatos. Antes de la CSS, el principal método de formateo de una página web era a través de elementos de una tabla HTML. Ambos de estos métodos todavía trabajan y reflejan los diferentes enfoques de diseño de páginas web.

La Tabla Elementos HTML: <table>, <tr> y <td>

Al usar tablas HTML, debe comenzar una mesa con la etiqueta <table>. Esto le indica al navegador para comenzar una mesa. Una fila de la tabla se crea con la etiqueta <tr>, y las células adyacentes horizontalmente se crean mediante la anidación <td> etiquetas dentro de un conjunto de etiquetas <tr>. Antes de la CSS, esta fue la principal forma de organización de texto en una página, incluso si usted no desea tener una tabla explícitamente visible en la página.

Los atributos de tabla y formato

Una tabla HTML puede ser formateado por medio de atributos dentro de la etiqueta <table>. Algunos de los atributos más comúnmente utilizadas son la "frontera", "marco" y "cellpadding" atributos. El atributo "frontera" se utiliza para especificar el grosor de los bordes alrededor de cada celda de la tabla. Sin el atributo de "frontera", la tabla mostrará ninguna frontera entre las células. El atributo "marco" se utiliza para especificar qué tipo de trama completa la tabla tendrá. El atributo "cellpadding" se utiliza para especificar la cantidad de espacio vacío se encuentra entre los bordes de una celda y los contenidos de la celda.

El estilo de un <div> con CSS

La alternativa principal para CSS con formato basado en la tabla es el estilo del elemento HTML <div>. El elemento <div> crea divisiones de la página, o secciones. Con CSS, puede crear propiedades únicas para una identificación o clase de <div>. De esta manera, el texto en su página se puede arreglar como usted quiera, en diferentes compartimentos para cada <div>. Este enfoque tiene dos ventajas sobre el uso de tablas para dar formato al texto: En primer lugar, se separa la forma y el contenido de un sitio web. En segundo lugar, da lugar a un código HTML más despejado.

Posicionamiento elementos <div>

Además de labrar un <div> con ciertos tipos de letra, colores, bordes y otras propiedades, CSS es extremadamente útil para el posicionamiento de diferentes <div> clases. Dentro de CSS, los modos de posicionamiento "absolutos" y "relativo" se coloque un elemento <div> con respecto a las fronteras general de la página o en su posición original, respectivamente. Además <div> opciones de posicionamiento implican capas, flotando, y el centrado.