Ir al contenido principal

Y sobre tablas...

Seguimos avanzando con HTML y hoy le tocó a las tablas ser las protagonistas...
En estas primeras entradas vamos a dar una visión básica de los tag y propiedades más usadas, en futuras entradas veremos aplicaciones concretas combinando lo visto para apreciar las posibilidades q nos brinda HTML

Las tablas se utilizan fundamentalmente par ordenar información de manera q sea mucho más fácil captar los datos, esto se puede aplicar con datos como los de una base de datos, se pueden usar tablar para ordenar los elementos de un formulario y en algún momento se uso para maquetar la página completa. Veamos como se crea una tabla y las distintas características de estas...

Bien toda tabla comienza con el tag "table" q debe ser cerrado como corresponde.
Cada una de las filas de nuestra tabla se colocaran indicando el tag "tr" y cada elemento de las columnas con el tag "td". Para agregar un título en la tabla se puede usar el tag "caption"
Este sería un ejemplo tabla en código:


Las propiedades q aceptan las tablas son:
-"border" Indica el tamaño del borde
-"width" Ancho  este puede expresarse con un valor entero o con porcentaje (%)
-"height" Alto de la tabla
-"bordercolor" Color del borde como siempre puede usarse el nombre html o código hexadecimal
-"bgcolor" Color del fondo
-"background" Posibilidad de colocar una imagen de fondo ingresando la dirección de la misma
-"cellspacing" Separación entre las celdas
-"cellpadding" Separación entre el borde y el contenido de la celda
-"align" Alineación de la tabla, admite como valores "left, rigth, center" siendo "izquierda, derecha, centro"
-"hspace" Separación horizontal entre la tabla y el contenido q la rodea
-"vspace" Separación vertical entre la tabla y el contenido q la rodea

El "caption" de la tabla admite "align" q puede tomar como valor "top, left, rigth, bottom"
Sobre las celdas podemos aplicarle las siguientes propiedades:
-"align" Esta vez sirve para alinear el contenido de la celda, admite "left, rigth, center"
-"valign" Permite alinear el contenido verticalmente hablando, admite "top, middle, bottom"
y creo q de las propiedades más importantes de las tablas:
-"colspan"  Es la propiedad q permite unir varias celdas, estas se unen horizontalmente, es decir unimos columnas, se unirán tantas celdas hacia la derecha como el numero q ingresemos de valor
- "rowspan" Se usa para unir filas, al igual q la propiedad anterior unirá tantas filas como el valor q ingresamos, esto sera hacia abajo.

Ahora depende de nosotros jugar con las distintas propiedades para lograr diferentes resultados.
Ejemplos de distintas tablas con su correspondiente código...






En próximas entradas veremos listas, imagenes y links, una vez visto estas cosas podremos pasar a combinar las herramientas para conseguir mejores resultados...
Etiquetas:

Comentarios

Publicar un comentario

Entradas populares de este blog

C: Conversiones de tipo (casting) en C...

El casting o simplemente cast  nos permite hacer una conversión explícita de un tipo de dato a otro, a criterio del programador siempre y cuando estos tipos sean compatibles. Este cast se realiza a través de un operador de conversión de tipos (type casting operator) y es un recurso a tener en cuenta ya que hay situaciones en que nos puede resultar de gran utilidad. Hacer uso de un cast es tan sencillo como poner (tipo de dato)  delante de la expresión o variable a convertir. Veamos un ejemplo: Declaramos una variable de tipo int con un identificador tan creativo como "a" y le realizamos diferentes cast a a para mostrarlo como si fuera un float, un double y un char en un printf. Lo que obtendríamos en pantalla sería lo siguiente: Donde tenemos el valor de nuestro a, a convertido en float y double (mostrándolo con 3 cifras decimales) y a convertido en char. Si vemos este último caso, al hacer la conversión de "a" a char toma a como el código ascii de...
5 comentarios
Leer más

C: Ejemplos: Congruencia de Zeller (nivel básico) ...

La Congruencia de Zeller es un algoritmo que se atribuye al matemático alemán Julius Christian Johannes Zeller que vivió en el siglo XIX. Este algoritmo nos permite determinar el día de la semana que le corresponde a una fecha determinada del calendario Gregoriano. La fórmula que nosotros usaremos (con algunas modificaciones respecto de la original para poder usarla en  informática) es la siguiente: Donde h es el día de la semana (entre 0 y 6), J es año/100 (la centuria) y K es año mod 100 (el año de la centuria). Y hay que tener en cuenta que los meses de enero y febrero cuentan como el mes 13 y 14 del año anterior. Ahora que tenemos la fórmula, programemos el algoritmo en C mediante el uso de una función: Analicemos el código paso a paso: Tenemos en cuenta el caso de enero y febrero: Dijimos que estos meses corresponden a los meses 13 y 14 del año anterior por lo que los asignamos como corresponde (mes + 12 , que dará 13 para enero y 14 para febrero) y le ...
7 comentarios
Leer más

C: Funciones. Pasaje de parámetros por valor y por referencia...

Esta vez avanzaremos en lo relativo a las funciones en C, incorporando dos nuevos conceptos acerca del pasaje de parámetros: el pasaje por valor y por referencia . Paso de parámetros por valor: Éste es el pasaje que ya conocíamos desde el post referente a funciones . Si recordamos un poco al respecto, al realizar la definición de la función colocamos los parámetros que ésta recibe especificando el tipo de dato de los mismos. Luego, cuando hacemos el llamado y especificamos los argumentos, estos se evalúan y se le pasa a la función una copia de los mismos. A esto es lo que llamamos paso por valor ya que la función trabajará con los valores de esas copias. Si pasáramos variables como argumento, éstas no se modificarían por este sistema de copias. Veamos esto con un ejemplo simple en que tenemos la siguiente función void que intercambia los valores de dos enteros x e y: Declaramos dos variables de tipo int en el main, mostramos sus valores, llamamos a la función y volvemos a mostrarlos...
14 comentarios
Leer más