etiqueta tr HTML

Hay varias formas de presentar los datos y la información, p. B. Diagramas, gráficos, pictogramas o formas tabulares. La tabla organiza los datos en filas y columnas, lo que los hace más legibles y claros. Los datos tabulados también ahorran tiempo y espacio. Para crear tablas en HTML usamos etiqueta con etiqueta, etiqueta para encabezado y etiqueta para datos de tabla. Los resultados de aprendizaje de este artículo son:

Contenidos

que es un html -¿Día?

La etiqueta HTML

especifica una fila en una tabla, la etiqueta utilizado para los encabezados de las tablas y la etiqueta es para datos de tabla.
sintaxis

La etiqueta HTML tr tiene una etiqueta de inicio

y una etiqueta final

.

¿Cómo creo una tabla en HTML?

El siguiente ejemplo muestra cómo podemos crear una tabla en HTML. Para hacer esto, inserte primero

etiquetar y luego dar un título con el -Etiqueta añadida después del pie de foto. La primera fila contiene el encabezado de cada columna. convertirse en eso

Después de crear tres columnas, agreguemos datos a las columnas. Los datos se agregan a cada fila de acuerdo con los encabezados de la fila siguiente. Así que para agregar datos será este

La salida correspondiente del código anterior se ve así:

Aplicando estilos a tablas con CSS

En esta sección, aplicaremos algunas propiedades de estilo a la tabla creada anteriormente.
Etiqueta de anotación de diseño
título { tamaño de fuente: 30px; Relleno: 7px; text-decoration: 2px underline #182747;} La etiqueta de título utilizada en el archivo HTML tiene las propiedades que se enumeran a continuación:

  • «tamaño de fuenteLa propiedad ” establece el tamaño de la fuente.
  • «tapiceríaLa propiedad ” se utiliza para ajustar el espacio alrededor del contenido del elemento.
  • «decoración de textoLa propiedad ” aplica decoración al texto.

Dale estilo a las etiquetas

etiqueta: dentro del elemento de la tabla, agregue el
-Etiquetas utilizadas:
número de rollo nombre del estudiante fecha de nacimiento
etiqueta utilizada: Del mismo modo, cree dos líneas más como se muestra en el fragmento de código a continuación:
2 William 09/02/1995
3 Margarita 03/12/1998
,
,

tabla, th, td { color de fondo: #D8D9CF; borde: 1 píxel sólido #5d6462; tamaño de fuente: 25px;} Las etiquetas

, -etiquetas?

con el html

etiqueta, muchos atributos están vinculados, p. p.ej.:

Atributo: extensión de fila

Este atributo contiene un valor no negativo que indica el número de filas que se extiende la celda. Su valor por defecto es 1.
Ejemplo: ¿Cómo agrego un atributo de intervalo de filas a una fila de la tabla?Entonces, del ejemplo anterior, tomamos la segunda fila. Agregue el atributo rowspan con el valor 2 a los datos de la tercera tabla:

< /tr> En la siguiente imagen, se puede ver que los terceros datos de la segunda fila ocuparon el espacio de dos filas:

Atributo: colspan

Este atributo contiene un valor no negativo que indica el número de columnas que se extiende la celda. El valor predeterminado de colspan es 1. Los valores superiores a 1000 se establecen como predeterminados ya que se consideran incorrectos.
Ejemplo: ¿Cómo agrego un atributo colspan a una fila de la tabla?Esto estará en el archivo HTML.

En la imagen a continuación, se puede ver que el encabezado de la tabla ha ocupado espacio para tres columnas:

¿Cómo creo una tabla de encabezado vertical?

Agregue HTML tres

-Etiquetas añadidas. Se colocan diferentes etiquetas en cada uno, como B.
y están diseñados con las propiedades CSS que se describen a continuación:
  • «color de fondoLa propiedad ” se utiliza para dar a la tabla un color de fondo.
  • «FronteraLa propiedad ” establece un borde alrededor de la tabla que tiene un ancho, un tipo de línea y un color.
  • «tamaño de fuenteLa propiedad ” se utiliza para establecer el tamaño de fuente en 25 píxeles.

elemento de tabla de estilo
mesa {borde:coche; Ancho: 60%; Altura: 150px;} Aquí:

  • «Margen de beneficio«Propiedad con valor»automóvil” coloca la mesa a la distancia del centro, que es la misma desde cada lado.
  • «AmplioLa propiedad ” se utiliza para establecer el ancho de la tabla.
  • «AlturaLa propiedad ” establece la altura de la tabla.

producción

¿Cuáles son los atributos de

2 William 9-02-1995 -Etiqueta debajo del
etiquetas añadidas y dado el atributo colspan con un valor de 3:
Escuela de pistas de Linux
-, después -Etiquetas. Se puede crear una tabla con encabezados verticales de la siguiente manera: Guarde el archivo HTML y ábralo en un navegador web:

Se puede observar que el encabezado de la tabla está dispuesto verticalmente.

Conclusión

Para crear una tabla para nuestra aplicación web, HTML nos proporciona diferentes etiquetas para tablas, filas y columnas como

, respectivamente. su atributo y el método para crear una tabla de encabezado simple y vertical.
a disposición. Por lo tanto, este blog tiene la etiqueta HTML.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.