Etiqueta tr

etiqueta tr

La etiqueta tr: Es la etiqueta que representa a una fila en una tabla, es decir, las tablas html están compuestas por un conjunto de filas. En conclusión la etiqueta <tr> es una etiqueta qué contiene celdas y celdas de encabezado .

La etiqueta podría estar presente como hijo de las siguientes etiquetas, , , y

. En caso de que se declaren como hijo de la etiqueta
, debe ubicarse después de toda las etiquetas mencionadas anteriormente, excepto la etiqueta .

Importante: De la etiqueta

en HTML5 han sido eliminados algunos atributos de versiones previas del estándar, las personas que aun usan estos atributos deberían de dejar de usar.

Ejemplos:

En este presente ejemplo tenemos a una tabla, dentro de ello tenemos, la parte del encabezado

, asimismo tenemos la parte del cuerpo y la parte de pie de la tabla. Las filas de esta tabla, son representadas con la etiqueta , esta etiqueta se encuentra presente en las tres partes de la tabla ya mencionadas anteriormente y contiene a un grupo de tres filas con sus respectivos celdas .
En ocasiones tendríamos la necesidad de combinar celdas
, para ello tenemos los siguientes atributos:

  • Tenemos el atributo colspan, este atributo nos permite combinar uno o más celdas
o . Los textos alineados, colores de cabecera, cuerpo y pie de la tabla son puestos desde la etiqueta
ID nombre cantidad
1 pedro 5
2 rosa 3
ID nombre cantidad

ejemplo de etiqueta tr

En el siguiente ejemplo nos adentraremos más al tema, para ello aplicaremos algunos propiedades y atributos sobre filas

en una fila
.
  • además tenemos el atributo scope, este atributo indica que dicho celda que contiene este atributo.
  • Finalmente tenemos el atributo rowspan, este atributo nos permite combinar uno o más celdas celdas
  • verticalmente.
    
    
    
        
        Tabla
    
    
    
        
    Tabajo en ofina Trabajo en casa Estudios bagar
    lunes martes miercoles jueves 6 horas
    4 horas 5 horas 3 horas 2 horas
    leer
    Tabajo en ofina Trabajo en casa Estudios bagar

    ejemplo con celdas combinadas en html

    Nota: Antes de realizar tu primer tabla es importante conocer una estructura básica sobre una tabla en HTML, si usted quiere estructurar su primer tabla en HTML puede dirigirse a este link (clik), en dónde usted se entrará más información sobre tablas en HTML.

    vamos al inicio

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Subir