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: dentro del elemento de la tabla, agregue el
-Etiqueta añadida después del pie de foto. La primera fila contiene el encabezado de cada columna. convertirse en eso
-Etiquetas utilizadas:
número de rollo
nombre del estudiante
fecha de nacimiento
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
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
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
,
,
tabla, th, td { color de fondo: #D8D9CF; borde: 1 píxel sólido #5d6462; tamaño de fuente: 25px;} Las etiquetas
,
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
-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:
2
William
9-02-1995
< /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.
-Etiqueta debajo del
etiquetas añadidas y dado el atributo colspan con un valor de 3:
Escuela de pistas de Linux
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.
-, 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.
a disposición. Por lo tanto, este blog tiene la etiqueta HTML.
su atributo y el método para crear una tabla de encabezado simple y vertical.
La etiqueta HTML
sintaxis
La etiqueta HTML tr tiene una etiqueta de inicio
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
, |
tabla, th, td { color de fondo: #D8D9CF; borde: 1 píxel sólido #5d6462; tamaño de fuente: 25px;} Las etiquetas
|
---|