ahorro

Tablas en HTML

Fuente: La Ventana de Windows.
12 del 9 de 2011

Si ofreces productor o servicios a trav√©s de tu web o blog una forma muy f√°cil de presentar sus caracter√≠sticas es usar las tablas de HTML, que permiten organizar datos de una forma muy similar al Excel.

Vemos un ejemplo por aqu√≠:


NombreGarantíaPrecio
Acer2 a√Īos399.99$
HP3 a√Īos449.99$

Obviamente podemos a√Īadir m√°s celdas, variar los colores... y ahora explicar√© como:
Primero dejo el código del ejemplo:
<table border="1"><tbody>
<tr><td><b>Nombre</b></td><td><b>Garantía</b></td><td><b>Precio</b></td></tr>
<tr><td>Acer</td><td>2 a√Īos</td><td>399.99$</td></tr>
<tr><td>HP</td><td>3 a√Īos</td><td>449.99$</td></tr>
</tbody></table>
Puedes crear filas nuevas a√Īadiendo las etiquetas <tr> y </tr> y entre ellas creas las diferentes celdas con las etiquetas <td> y </td>.
Si quieres unir dos o m√°s celdas en horizontal utiliza la propiedad colspan="2" y para unirlas en vertical usa cellspan="2".
Con el atributo border defines el grosor del borde interior y exterior de la tabla.

Si te funciono el truco o te gusta el post, un comentario se agradece.

Loading...