Este artículo le proporcionará un conocimiento completo y detallado de las tablas HTML. Las diversas etiquetas y formatos que se pueden realizar.
Desde el inicio tecnológico, una tabla es una forma común de almacenar y visualizar datos. Se utiliza en casi todos los campos para presentar información de texto y datos numéricos en los que puede comparar fácilmente dos o más elementos. En este artículo, discutiré Tablas en el siguiente orden:
En palabras simples, una tabla es una colección de datos relacionados que consta de filas y columnas. Ahora, como sabemos, HTML es un lenguaje de marcado estándar para crear páginas web y mostrarlas en un navegador web. Por lo tanto, crear y trabajar con tablas se convierte en una sub-habilidad importante para dominar HTML. En este blog, aprenderemos a trabajar con tablas en HTML.
Para definir una tabla HTML, usamos
etiqueta. Dentro
etiqueta, primero define las filas de la tabla con
etiqueta. A continuación, define los encabezados de la tabla en
etiqueta. Los datos o la celda en la tabla se definen usando
etiqueta.
Etiquetas de tabla HTML
Veamos primero la lista de etiquetas HTML utilizadas para crear tablas. Más adelante, avanzando en este blog, aprenderemos a usarlos con la ayuda de ejemplos.
: Se usa para definir una tabla
: Se usa para definir una celda de encabezado en una tabla
: Se usa para definir una fila en una tabla.
: Se usa para definir una celda en una tabla.
:Se usa para definir el título de una tabla.
:Se usa para especificar un grupo de una o más columnas en una tabla para formatear
: Se utiliza para especificar propiedades de columna para cada columna dentro de un elemento
:Se utiliza para agrupar el contenido del encabezado en una tabla.
: Se utiliza para agrupar el contenido del cuerpo en una tabla
: Se utiliza para agrupar el contenido del pie de página en una tabla
Ahora veamos el código HTML de muestra para crear una tabla.
Hay dos atributos llamados relleno de celdas y espacio de celdas que puede usar para ajustar el espacio en blanco en las celdas de la tabla. El atributo de espacio entre celdas define el espacio entre las celdas de la tabla, mientras que el relleno de celdas representa la distancia entre los bordes de las celdas y el contenido dentro de una celda.
Espacio celular y relleno celular
Nombre
Años
Abhishek
15
Beto
23
Atributos Colspan y Rowspan
El atributo Colspan se usa para combinar dos o más columnas, mientras que los intervalos de filas se usan para combinar dos o más filas.
Colspan y Rowspan
Lote
Nombre
Años
Ciencias de la Computación
Abhishek
15
Beto
23
Descanso
Altura y ancho de la mesa
HTML le brinda la posibilidad de ajustar la altura y el ancho de la mesa. El atributo de ancho y el atributo de altura se utilizan para establecer el ancho y la altura de la mesa respectivamente. Puede especificarlo en términos de porcentaje de área disponible en la pantalla o en términos de píxeles.
Ancho y alto de la tabla HTML
Abhishek
15
Beto
23
Encabezado, cuerpo y pie de página de la tabla
Una tabla se puede dividir en tres secciones, es decir, un encabezado, un cuerpo y un pie de página. El encabezado y pie de página son similares al encabezado y pie de página en un documento de Word que sigue siendo común para todas las páginas, mientras que el cuerpo contiene el contenido principal.
La etiqueta crea un encabezado de tabla separado, dondeastag crea un pie de página de tabla separado. Las etiquetas contienen el cuerpo de la tabla.
Tabla HTML con encabezado, pie de página y cuerpo
Encabezado de tabla
Pie de tabla
Nombre
Años
Marcas
Fondos de tabla y subtítulos
También puede establecer un fondo de mesa. Bgcolor El atributo establece el color de fondo para toda la tabla, así como para una celda, mientras que el atributo de fondo establece una imagen de fondo para toda la tabla y solo para una celda.
La etiqueta de título sirve como título o explicación para la tabla que se muestra en la parte superior de la tabla.
Fondo de tabla HTML
Título de la tabla
Columna 1
Columna 2
Columna 3
Fila 1 Celda 1
Fila 1 Celda 2
Fila 1 Celda 3
Fila 2 Celda 2
Fila 2 Celda 3
Fila 3 Celda 1
Con esto llegamos al final de este artículo. Ahora, después de ejecutar los fragmentos anteriores, habrá entendido cómo crear tablas en HTML. Espero que este blog sea informativo y de valor agregado para ti.
Revisar lapor Edureka, una empresa de aprendizaje en línea de confianza con una red de más de 250.000 alumnos satisfechos repartidos por todo el mundo.La capacitación para la certificación de desarrollo web lo ayudará a aprender cómo crear sitios web impresionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery y las API de Google y cómo implementarlo en Amazon Simple Storage Service (S3).