Categorías: código HTML

TABLAS EN HMTL

Índice

En este presente pagina hablaremos sobre las tablas en HTML, analizaremos su estructura y sus propiedades. nos enfocaremos en las tablas que utilizamos al realizar documentos, sistemas, aplicaciones de paginas web y etc.

CONCEPTO DE TABLAS EN HTML

Una tabla es una forma de organizar datos en filas y columnas, a la agrupación de la tabla se le conoce con la etiqueta

, para crear una fila es la etiqueta, y para crear una columna es la etiqueta

. Tengan en cuenta una tabla es una agrupación de filas y columnas.

Ejemplo de tablas en HTML:




    
    Tabla




    
fila 1 columna 1 fila 1 columna 2 fila 1 columna 3
fila 2 columna 1 fila 2 columna 2 fila 2 columna 3

CELDA DE ENCABEZADO

Ya teniendo conocimientos básicos sobre una tabla, nos toca hacer tablas con mas utilidades.

Una celda de encabezado, es una manera de agrupar celdas por clases o tipos, de una manera ordenada y podemos agrupar poniendo encabezado por fila o columna.

Su representación de una celda de encabezado es con la etiqueta

, esto es ubicado en la primera fila de la tabla, es decir ubicados encima de las celdas comunes.

Para major entendimiento les dejo un ejemplo con celda de encabezado.




    
    Tabla




    
encabezado 1 encabezado 2 encabezado 3
fila 1 columna 1 fila 1 columna 2 fila 1 columna 3
fila 2 columna 1 fila 2 columna 2 fila 2 columna 3

EL ATRIBUTO SCOPE

El atributo scope nos ayuda a definir si una celda de encabezado

es un encabezado para una columna,  para una fila o un grupo de columnas y filas.



    
    Tabla




    
encabezado 1 encabezado 2 encabezado 3
fila 1 columna 1 fila 1 columna 2 fila 1 columna 3
fila 2 columna 1 fila 2 columna 2 fila 2 columna 3

En nuestro caso estamos indicando con el valor "col" el elemento

es el encabezado de una columna. es decir el "encabezado 1" es encabezado "de columna 1", "encabezado 2" es encabezado de "columna 2" y el "encabezado 3" es encabezado de "columna 3".

EL ATRIBUTO COLSPAN

El atributo colspan define el numero de columnas que un encabezado

abarcará en el caso el "encabezado 1" del ejemplo es de 2 columnas.



    
    Tabla




    
encabezado 1 encabezado 2 encabezado 3
lunes martes miercoles jueves
4 horas 5 horas 3 horas 2 horas

En este caso el "encabezado 1", contiene dos columnas como se ve en el imagen superior y con los de mas encabezados no hay ningún problema, por que solo contienen una columna.

admin

Entradas recientes

Cómo medir la velocidad de carga web: Herramientas, métricas y guía

En el desarrollo y la gestión de portales digitales, contar con un sitio atractivo e…

1 día hace

Velocidad de carga web: Qué es, importancia, factores y cómo mejorarla

En la arquitectura actual de las telecomunicaciones y el desarrollo de software para internet, el…

1 día hace

Auditoria informatica: Qué es, tipos, objetivos y fases de evaluación

En un entorno empresarial profundamente digitalizado, donde los procesos operativos, la información financiera y las…

1 día hace

Codigo abierto en informatica: Qué es, ventajas, licencias y ejemplos

En el desarrollo tecnológico contemporáneo, la evolución del software ha pasado de ser un proceso…

4 días hace

Codigos de informatica: Qué son, tipos, ejemplos y aplicaciones

En el ámbito de las ciencias de la computación, el hardware de una computadora no…

5 días hace

Seguridad informatica: Qué es, pilares, tipos y mejores prácticas

En una era donde la infraestructura digital sostiene el funcionamiento de la economía mundial, el…

5 días hace