Inicio Condiciones de Uso Mapa del sitio ▼ Ayuda Blogger Afiliación ¡Enlázame! Vótanos en... ▼ Contáctame Acerca de...

lunes, 12 de septiembre de 2011

Tablas en HTML

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.

16 comentarios:

  1. De esto recuerdo yo cuando hice un curso de Diseño web.

    ¡Anda que no tenía pesadillas con las puñeteras tablas!.

    Un abrazo chico !!.

    ResponderEliminar
  2. Hola angel, me alegro de que te llamara la atención! :)
    Jajaja Celso, en realidad las tablas no son de lo más de difícil y aquí las explique un poco mal y corriendo :S

    ResponderEliminar
  3. Oliver, me borraron el blog de el mundo de los escritores, pero he hecho otro, espero que te hagas seguidor, es este:
    www.elrinconcitodelectura.blogspot.com

    Un beso.
    Lectora.

    ResponderEliminar
  4. HOla amigo, hace un tiempo que te debo una visita,¿cómo estás?Siempre vuelvo aquí para aprender algo nuevo. Gracias por tus aportes.
    Saludos

    ResponderEliminar
  5. Vengo a avisarte de que la lista de afiliados en mi blog se ha eliminado, por lo tanto, quítame de tu lista de afiliados ;)

    ResponderEliminar
  6. Las benditas tablas, por fin alguien me enseñó cómo hacerlas! Ya copio el formato y practico.
    ¿Cómo estás, jovencito?
    Te dejo mis saludos y la promesa de volver.

    ResponderEliminar
  7. Muchas gracias Sara :)
    Ya nos pasamos ^^

    ResponderEliminar
  8. Que en este día tan mágico en el que recordamos el nacimiento de Jesús, la alegría y la esperanza te acompañen cada día. Feliz Navidad y Próspero Año Nuevo, son mis sinceros deseos .Un abrazo!

    ResponderEliminar
  9. Muchas gracias Elsa y Trastoteca, igualmente feliz año para los dos(:

    ResponderEliminar
  10. Hola amigo,¿qué ha pasado que estás ausente tanto tiempo?
    Estás estudiando? Espero sea así.
    Un abrazo.

    ResponderEliminar
  11. Hola Oliver, decirte que hoy eres el Blog que recomiendo visitar en mi post, puedes verlo, si te apetece en
    http://www.laporteriadenela.com/2013/02/gran-hermano-14-segun-esta-portera_15.html
    Besos
    Nela

    ResponderEliminar
  12. Hola. Excelente página el contenido está muy bueno y la diagramación me gustó

    ResponderEliminar

Puedes comentar todo tipo de cosas, absteniéndote de:
- Realizar SPAM.
- Escribir insultos faltando al respeto de los demás usuarios.
Recuerda que en este blog, la moderación de comentarios está activada, así que piénsalo bien antes de enviar tu comentario si tiene algo "prohibido".