Las tablas son una buena fuente de formateo de sus datos para que se presenten/comprensible. El HTML le permite crear tablas para una página web utilizando elementos HTML. Las tablas HTML mejoran la estética de la página web y le permiten organizar sus datos. Hemos compilado esta guía para enseñarle sobre las tablas HTML, cómo funcionan y cómo se pueden crear. Entonces, comencemos aquí:
Cómo se crean las tablas
El HTML admite una larga lista de elementos que ayudan a realizar varias tareas. Los bloques de construcción básicos de las tablas HTML son
,
, y
. Sin embargo, la funcionalidad de las tablas HTML se puede extender utilizando elementos como , ,
, , y muchos más. Todos estos elementos se explican aquí uno por uno.
: conocido como cabecera de mesa y se puede usar donde desea un elemento de encabezado
: conocido como datos de tabla y ocupa una celda en una tabla
: Una fila completa se define usando este elemento
: define el subtítulo de la tabla
: Las columnas se pueden agrupar para aplicar formateo específico
: La propiedad de una columna se especifica utilizando este elemento
: utilizado para agrupar las celdas del encabezado
: hacer un grupo de células para definir el pie de página
: comprende varias columnas/filas. Se usa después del elemento y antes del elemento.
Cómo crear tablas HTML
Las etiquetas descritas en la sección anterior son las partes interesadas clave en la creación de tablas HTML. Esta sección ejerce esas etiquetas en varios escenarios para definir tablas HTML:
Ejemplo 1: El código escrito a continuación utiliza
,
, y
Etiquetas para definir una tabla HTML.
Tablas HTML
Nombre
Designación
Experiencia
Sam
Gerente
1 año
Kane
Autor
6 meses
En el código anterior,
a
la etiqueta se define
una etiqueta de hilera de mesa
se usa para definir las células de la cabeza
el otro
Las etiquetas se utilizan para insertar datos utilizando
elemento
Además, hemos aplicado una propiedad de estilo fronterizo en
,
, y
en la etiqueta de estilo.
Producción:
Ejemplo 2: En contraste con el ejemplo anterior, hemos usado algunas etiquetas adicionales como, y .
Tablas HTML
Linuxhint
Nombre
Designación
Edad
Experiencia
Sam
Gerente
20 años
2 meses
Kane
Autor
30 años
1 año
El código anterior se describe como,
El elemento se usa para practicar atributos de span y estilo. El tramo se une al número de columnas especificadas por el usuario (como en nuestro caso es 2).
El color de fondo de la primera y segunda columna es "beige" y "slightlingreen" respectivamente, mientras que las columnas tercera y cuarta tendrían fondo de "green"
El elemento define el texto de subtítulos de la tabla y está configurado aquí
Se declaran dos filas usando
etiqueta y cada fila contiene cuatro celdas.
Producción:
La salida anterior muestra que el "estilo col" se aplica en todas las columnas, mientras que el "colpense col" se practica en la tercera y cuarta columna.
Ejemplo 3: Aquí hemos practicado las etiquetas
, , y junto con las etiquetas esenciales que.mi.,
, y
.
Tablas HTML
Linuxhint
Sr. No
Nombre
Designación
1
Sam
Gerente
2
Kane
Autor
FIN
El código se describe como,
el estilo fronterizo de
,
, y
está configurado como sólido
La etiqueta se usa para encerrar la primera fila como cabeza
Después de eso, los datos de la tabla se colocan en etiqueta
Por último, se define la sección de pie de página de la mesa
El artículo de la tabla se proporciona utilizando la etiqueta
Producción:
El subtítulo de la tabla está en la parte superior de la tabla de ,
, y se muestra en la salida.
De los ejemplos mencionados anteriormente, habría aprendido a crear una tabla HTML.
Conclusión
Las tablas HTML empoderan para organizar los datos de manera presentable. Para trabajar con tablas HTML, debe aprender la funcionalidad de varias etiquetas HTML. Hemos compilado esta guía para proporcionar la información básica sobre las tablas HTML y proporcionamos la lista de etiquetas que ayudan a crear tablas HTML.