Tablas HTML
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
: 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. , , y junto con las etiquetas esenciales que.mi.,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 . 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.
- el estilo fronterizo de
- una etiqueta de hilera de mesa