Como hacer una pagina web y ganar dinero
Creada para aprender lo que mas nesesitas porque la calidad es mejor que la cantidad.
Blog

Creación de tablas en Html

Tags: videotutorial, tabla, celda, html, manual
publicado el 2010-06-04   leido 2957 leídas

Conceptos básicos


Quizá uno de los elementos de presentación de datos más comunes es las páginas web sea la tabla, que nos ayuda a organizar la información cómodamente en filas y columnas, mejorando notablemente el aspecto visual de la misma.

Sin embargo, la utilidad de las tablas HTML va mucho más allá de la simple presentación ordenada de la información. El lenguaje HTML tiene enormes carencias en lo que a maqetación de los elementos de una página se refiere (posicionamiento de imágenes, márgenes, alineación del texto...). Los diseñadores han suplido tradicionalmente estas deficiencias utilizando tablas de forma profusa.

Hoy en día es común la presencia de varias tablas en una página web, incluso tablas dentro de celdas de otras tablas. Si aún no sabes cómo crear una tabla, este es el momento de aprender los fundamentos.

Estructura de una tabla


En HTML, las tablas se construyen especificando filas y celdas. El conjunto de celdas de una fila irá encerrado en las etiquetas de fila, y el conjunto de filas de la tabla, en las etiquetas de tabla.

El comienzo y fin de una tabla se define mediante el tag <table> ... </table>. Para especificar cada fila de la tabla se utilizan las etiquetas <tr> ... </tr>. Finalmente, para especificar cada celda de una fila habrá que usar las etiquetas <td> ... </td>.

Teniendo en cuenta estas simples reglas, vamos a mostrar a continuación algunos ejemplos:    <table>
      <tr>
        <td>Fila 1, celda 1</td>
        <td>Fila 1, celda 2</td>
      </tr>
      <tr>
        <td>Fila 2, celda 1</td>
        <td>Fila 2, celda 2</td>
      </tr>
    </table>
El ejemplo anterior crea la siguiente tabla de 2 filas y 2 columnas:

Fila 1, celda 1Fila 1, celda 2
Fila 2, celda 1Fila 2, celda 2


Te gust?

Crear listas con HTML

Nuestro primer div

 
Información
Christian Valencia publicado porPor: Ero-Fierce

Suscribete
Recibe los ultimos articulos en tu email:


Ultimos Artculos
Hacer SEO en el 2016 - 2017
Habilitar sonido al pulsar las teclas Bloq Mayús, Bloq Num y Bloq Des
10 trucos viejos, seo que nunca te dijeron
15 Efectos carrusel como pagina de libro animado con ejemplos
No se pudo generar una instancia de usuario de SQL Server debido a un error (.mdf
Solucion Error 26. No se encontró el servidor o éste no estaba accesible. Sql

Todos los tutoriales

Hacer una web paso a paso Php y MySQL Javascript
Posicionamiento Web SEO Cómo ganar dinero con tu web Herramientas y Programas Web
Maquetación con CSS Hosting y Dominios MySQL y Phpmyadmin
Ajax UML: Analisis y Diseño Programacion Orientada a Objetos
Java
 
Copyright © 2009 - pagina Web 2 - Todos los derechos Reservados