Etiqueta Que Sirve Para Definir Una Tabla En Un Documento Html?

16.06.2023 0 Comments

Etiqueta Que Sirve Para Definir Una Tabla En Un Documento Html
7.1. Tablas básicas (Introducción a XHTML) Las tablas más sencillas de HTML se definen con tres etiquetas:

para crear la tabla,

para crear cada fila y

para crear cada columna. A continuación se muestra el código HTML de una tabla sencilla: html > head > title > Ejemplo de tabla sencilla title > head > body > h1 > Listado de cursos h1 > table > tr > td > strong > Curso strong > td > td > strong > Horas strong > td > td > strong > Horario strong > td > tr > tr > td > CSS td > td > 20 td > td > 16:00 – 20:00 td > tr > tr > td > HTML td > td > 20 td > td > 16:00 – 20:00 td > tr > tr > td > Dreamweaver td > td > 60 td > td > 16:00 – 20:00 td > tr > table > body > html > Si se visualiza el código anterior en cualquier navegador, se obtiene una tabla como la que muestra la siguiente imagen: Figura 7.2 Ejemplo de tabla sencilla creada con las etiquetas table, tr y td La etiqueta

encierra todas las filas y columnas de la tabla. Las etiquetas

(del inglés “table row” ) definen cada fila de la tabla y encierran todas las columnas. Por último, la etiqueta

aparecen antes que las etiquetas

(del inglés “table data cell” ) define cada una de las columnas de las filas, aunque realmente HTML no define columnas sino celdas de datos, Al definir una tabla, se debe pensar en primer lugar en las filas que la forman y a continuación en las columnas. El motivo es que HTML procesa primero las filas y por eso las etiquetas

,

Etiqueta < table >
Atributos comunes , y
Atributos propios

summary = “texto” – Permite describir el contenido de la tabla (lo utilizan los buscadores y las personas discapacitadas)

Tipo de elemento Bloque
Descripción Se emplea para definir tablas de datos

table>

Etiqueta < tr >
Atributos comunes , y
Atributos propios
Tipo de elemento Bloque
Descripción Se emplea para definir cada fila de las tablas de datos

table>

Etiqueta < td > Atributos comunes , y Atributos propios

abbr = “texto” – Permite describir el contenido de la celda (empleado sobre todo en los navegadores utilizados por personas discapacitadas) headers = “lista_de_id” – Indica las celdas que actúan como cabeceras para esta celda (los títulos de las columnas y filas). Se indica como una lista de valores del atributo “id” de celdas scope = “col, row, colgroup, rowgroup” – Indica las celdas para las que esta celda será su cabecera. Ej: scope=”col” indica que esta celda es la cabecera de todas las demás celdas que están en la misma columna colspan = “numero” – Número de columnas que ocupa esta celda rowspan = “numero” – Número de filas que ocupa esta celda

Tipo de elemento Bloque Descripción Se emplea para definir cada una de las celdas que forman las filas de una tabla, es decir, las columnas de la tabla

De todos los atributos disponibles para las celdas, los más utilizados son rowspan y colspan, que se emplean para construir tablas complejas como las que se ven más adelante. Entre los demás atributos, sólo se utiliza de forma habitual el atributo scope, sobre todo con las celdas de cabecera que se ven a continuación. Normalmente, algunas de las celdas de la tabla se utilizan como cabecera de las demás celdas de la fila o de la columna. En este caso, HTML define la etiqueta

(del inglés “table header cell” ) para indicar que una celda es cabecera de otras celdas.

Etiqueta < th >
Atributos comunes , y
Atributos propios

abbr = “texto” – Permite describir el contenido de la celda (empleado sobre todo en los navegadores utilizados por personas discapacitadas) headers = “lista_de_id” – Indica las celdas que actúan como cabeceras para esta celda (los títulos de las columnas y filas). Se indica como una lista de ID de celdas scope = “col, row, colgroup, rowgroup” – Indica las celdas para las que esta celda será su cabecera. Ej: scope=”col” indica que esta celda es la cabecera de todas las demás celdas que están en la misma columna colspan = “numero” – Número de columnas que ocupa esta celda rowspan = “numero” – Número de filas que ocupa esta celda

Tipo de elemento Bloque
Descripción Se emplea para definir las celdas que son cabecera de una fila o de una columna de la tabla

Los atributos de la etiqueta

son idénticos que los atributos definidos para la etiqueta

, En este caso, el atributo más utilizado es scope, que permite indicar si la celda es cabecera de la fila o de la columna (

y

respectivamente). Por otra parte, HTML define la etiqueta para establecer la leyenda o título de una tabla. La etiqueta debe colocarse inmediatamente después de la etiqueta

y cada tabla sólo puede incluir una etiqueta,

Etiqueta < caption >
Atributos comunes , y
Atributos propios
Tipo de elemento En línea
Descripción Se emplea para definir la leyenda o título de una tabla

Ejercicio 11 Determinar el código HTML necesario para crear la tabla que se muestra en la siguiente imagen: Figura 7.3 Tabla sencilla con celdas de cabecera Utilizar las celdas de cabecera donde sea necesario y añadir todos los atributos posibles. Ejercicio 12 Determinar el código HTML necesario para crear la tabla que se muestra en la siguiente imagen. Utilizar las celdas de cabecera donde sea necesario y añadir todos los atributos posibles. Figura 7.4 Tabla con los resultados de una búsqueda Las tablas complejas suelen disponer de una estructura irregular que junta varias columnas para formar una columna ancha o une varias filas para formar una fila más alta que las demás. Para fusionar filas o columnas, se utilizan los atributos rowspan y colspan respectivamente. Figura 7.5 Ejemplo sencillo de fusión de columnas Para obtener una tabla como la de la imagen anterior, se debe utilizar el siguiente código: table > tr > td colspan = “2” > A td > tr > tr > td > B td > td > C td > tr > table > La primera fila de la tabla está formada sólo por una columna, mientras que la segunda fila está formada por dos columnas. En principio, podría pensarse en utilizar el siguiente código HTML para definir la tabla: table > tr > td > A td > tr > tr > td > B td > td > C td > tr > table > Sin embargo, si se utiliza el código anterior, el navegador visualiza de forma incorrecta la tabla, ya que las tablas en HTML deben disponer de una estructura regular. En otras palabras, todas las filas de una tabla HTML deben tener el mismo número de columnas. Por lo tanto, si se quieren mostrar menos columnas en una fila, se fusionan mediante el atributo colspan, que indica el número de columnas simples que va a ocupar una determinada celda. En el ejemplo anterior, la celda de la primera fila debe ocupar el espacio de dos columnas simples, por lo que el código HTML debe ser

A

, De forma equivalente, si se quiere diseñar una tabla HTML que fusiona filas como la de la siguiente imagen: Figura 7.6 Ejemplo sencillo de fusión de filas El código HTML que se debe utilizar para obtener la tabla de la imagen anterior es: table > tr > td > A td > td rowspan = “2” > B td > tr > tr > td > C td > tr > table > De forma análoga a la fusión de columnas del ejemplo anterior, la fusión de filas debe indicarse de forma especial. Como las tablas HTML tienen que ser regulares, todas las columnas deben tener el mismo número de filas. Así, si en el ejemplo anterior se utilizara el siguiente código: table > tr > td > A td > td > B td > tr > tr > td > C td > tr > table > La tabla anterior no se visualizaría correctamente. Como la segunda columna de la tabla ocupa el espacio de las dos filas, el código HTML debe indicar claramente que esa celda va a ocupar dos filas, de manera que todas las columnas de la tabla cuenten con el mismo número de filas. Utilizando los atributos rowspan y colspan, es posible diseñar tablas tan complejas como las que se muestran en los siguientes ejemplos. Ejemplo de fusión de múltiples columnas: Figura 7.7 Ejemplo complejo de fusión de columnas El código HTML necesario para fusionar las columnas de la tabla anterior se muestra a continuación: html > head > title > Ejemplo de columnas fusionadas title > head > body > h1 > Fusión de columnas h1 > table > tr > td colspan = “3” > A td > td > B td > tr > tr > td > C td > td colspan = “2” > D td > td > E td > tr > tr > td colspan = “4” > F td > tr > tr > td > G td > td > H td > td > I td > td > J td > tr > table > body > html > Ejemplo de fusión de múltiples filas: Figura 7.8 Ejemplo complejo de fusión de filas El código HTML necesario para fusionar las filas de la tabla anterior se muestra a continuación: html > head > title > Ejemplo de filas fusionadas title > head > body > h1 > Fusión de filas h1 > table > tr > td > A td > td > B td > td rowspan = “3” > C td > td > D td > tr > tr > td rowspan = “2” > E td > td > F td > td rowspan = “3” > G td > tr > tr > td > H td > tr > tr > td > I td > td > J td > td > K td > tr > table > body > html > Ejercicio 13 Determinar el código HTML necesario para crear la tabla que se muestra en la siguiente imagen: Figura 7.9 Ejemplo de tabla con una estructura compleja

Emplear las etiquetas

,

,

,

, y los atributos colspan, rowspan, abbr, scope, summary,

: 7.1. Tablas básicas (Introducción a XHTML)

/table>

/table>

/table>

¿Qué etiqueta define una tabla en HTML?

¿Qué son las tablas HTML? – Las tablas HTML son elementos dentro del diseño web que permiten a los desarrolladores web organizar datos como texto, imágenes y enlaces en filas y columnas. Dentro del lenguaje de diseño web, las tablas HTML se crean usando las etiquetas

y

En ella se incluyen dos etiquetas importantes:

, que es para crear filas de tablas y

, para crear celdas de datos. Todo lo que esté dentro de ambas etiquetas es el contenido de la celda de la tabla. Entre otras etiquetas utilizadas al momento de trabajar con tablas HTML son:

, para agregar encabezados,, para insertar subtítulos,

para añadir un encabezado separado a la tabla,

, que sirve para mostrar el cuerpo inicial de la tabla y

, para crear un pie de página separado de la tabla. El uso de tablas HTML en el diseño se ha vuelto muy común, pues las etiquetas permiten la creación de contenido web de una forma menos compleja; lo cual brinda más oportunidades de diseño.

¿Cómo se puede definir una tabla sencilla en HTML?

Las tablas más sencillas de HTML se definen con tres etiquetas:

para crear la tabla,

para crear cada fila y

para crear cada columna

La etiqueta

encierra todas las filas y columnas de la tabla.

¿Cómo nombrar tablas en un documento?

Citando tablas en el texto – Al citar una tabla o una en el texto, debes hacerlo por su número, como “Tabla 3” o “Figura 2”. No se refiera a la tabla por su posición con respecto al texto (por ejemplo, “la figura a continuación”) o su número de página (por ejemplo, “la tabla en la página 12”).

  1. Las tasas de respuesta se presentan en la Tabla 1,
  2. Los resultados indican que las tasas de respuesta para los cursos presenciales fueron mucho más altas que para los cursos en línea.
  3. En algunos casos sólo una parte de la información de tu tabla es de terceros.
  4. En casos así, o dónde, por ejemplo las citas se apliquen a unas pocas celdas o datos particulares puede ser apropiado citar tus fuentes, utilizando el formato de cita autor-fecha de una de dos siguientes maneras.

Primera opción: puedes incluir citas entre paréntesis dentro de la tabla junto a la información relevante, tal como lo haría con una cita de texto estándar. Segunda opción: citar tus fuentes en la Nota de la tabla en una nota general o en múltiples notas específicas que conectan tus citas a algunas celdas en particular mediante el uso de un superíndice con letras minúsculas.

Fase Actos Frases típicas
Cautela El despegue “Ahora no es el momento de entrar en la bolsa de valores.” a “Ya he perdido mucho dinero en la bolsa. Esta vez no me dejo engañar.” b
Conciencia Primera realización de lucros Primera materias en la midia especializada “¿Será que ahora si debo entrar en el mercado?” c “Estoy pensando en volver a comprar acciones.” b
Euforia
  1. Atención de midia no especializada
  2. Entusiasmo generalizado
  3. Miedo a perder la subida
“No puedo perder esta alta de acciones.” d “Ahora voy a vender mi casa y todos mis bienes e invertir en acciones.” a
La gran caída Negación Miedo “Ahora que cayó un poco, espero a que se recupere.” e “Voy a vender todo lo que compré antes de perder todo lo que invertí.” c

Nota. a Ayala (2020, p.45). b Souza y Malavoglia (2019, p.99). c Nakimoto et al. (1994, p.176). d Sánchez (2020, p.13). e Lennon (2001, p.33). Otra manera de citar adentro de tablas con datos de otros estudios es como en la tabla abajo. Si simplemente estás extrayendo datos de múltiples fuentes, en lugar de reutilizar columnas o filas de tablas preexistentes (los datos no están sujetos a derechos de autor, pero su presentación sí lo está), entonces puede ser apropiado incluir citas de texto estándar dentro de las celdas.

Estudio Factor de protección 50 Factor de protección 30 Factor de protección 15
Alvarado (1999) 0.98 0.75 0.53
Costa y Silva (2003) 0.95 0.67 0.49
Hermosillo et al. (2003) 0.97 0.72 0.64
Tabarez y Sánchez (2019) 0.95 0.54 0.55

Sánchez, C. (29 de enero de 2020). Tablas, Normas APA (7ma edición). Experto APA. Después de 5 tesis, en diferentes niveles académicos, y ante la falta de información en español confiable sobre las Normas APA he decidido crear esta página para compartir con otros estudiantes y académicos.

  • Buenas tardes! Tengo una tabla con muchas filas, ya que estoy organizando un compendio normativo identificando tipo de norma, año, contenido y breve descripción. La tabla me ocupa varias hojas. En cada hoja voy a poner los mismos encabezados (descripción de cada columna). Mi consulta es si en todas las hojas debo poner el mismo numero de tabla y la misma descripción. Gracias por la ayuda. Saludos
  • ¿Que diferencia existe entre tabla y figura?
  • ¿Donde encuentro algun modelo de como realizar el indice de las tablas segun el formato APA?
  • : Tablas

    ¿Qué significa TR en tabla?

    7.1. Tablas básicas (Introducción a XHTML) Las tablas más sencillas de HTML se definen con tres etiquetas:

    para crear la tabla,

    para crear cada fila y

    para crear cada columna. A continuación se muestra el código HTML de una tabla sencilla: html > head > title > Ejemplo de tabla sencilla title > head > body > h1 > Listado de cursos h1 > table > tr > td > strong > Curso strong > td > td > strong > Horas strong > td > td > strong > Horario strong > td > tr > tr > td > CSS td > td > 20 td > td > 16:00 – 20:00 td > tr > tr > td > HTML td > td > 20 td > td > 16:00 – 20:00 td > tr > tr > td > Dreamweaver td > td > 60 td > td > 16:00 – 20:00 td > tr > table > body > html > Si se visualiza el código anterior en cualquier navegador, se obtiene una tabla como la que muestra la siguiente imagen: Figura 7.2 Ejemplo de tabla sencilla creada con las etiquetas table, tr y td La etiqueta

    encierra todas las filas y columnas de la tabla. Las etiquetas

    (del inglés “table row” ) definen cada fila de la tabla y encierran todas las columnas. Por último, la etiqueta

    aparecen antes que las etiquetas

    (del inglés “table data cell” ) define cada una de las columnas de las filas, aunque realmente HTML no define columnas sino celdas de datos, Al definir una tabla, se debe pensar en primer lugar en las filas que la forman y a continuación en las columnas. El motivo es que HTML procesa primero las filas y por eso las etiquetas

    ,

    Etiqueta < table >
    Atributos comunes , y
    Atributos propios

    summary = “texto” – Permite describir el contenido de la tabla (lo utilizan los buscadores y las personas discapacitadas)

    Tipo de elemento Bloque
    Descripción Se emplea para definir tablas de datos

    table>

    Etiqueta < tr >
    Atributos comunes , y
    Atributos propios
    Tipo de elemento Bloque
    Descripción Se emplea para definir cada fila de las tablas de datos

    table>

    Etiqueta < td > Atributos comunes , y Atributos propios

    abbr = “texto” – Permite describir el contenido de la celda (empleado sobre todo en los navegadores utilizados por personas discapacitadas) headers = “lista_de_id” – Indica las celdas que actúan como cabeceras para esta celda (los títulos de las columnas y filas). Se indica como una lista de valores del atributo “id” de celdas scope = “col, row, colgroup, rowgroup” – Indica las celdas para las que esta celda será su cabecera. Ej: scope=”col” indica que esta celda es la cabecera de todas las demás celdas que están en la misma columna colspan = “numero” – Número de columnas que ocupa esta celda rowspan = “numero” – Número de filas que ocupa esta celda

    Tipo de elemento Bloque Descripción Se emplea para definir cada una de las celdas que forman las filas de una tabla, es decir, las columnas de la tabla

    De todos los atributos disponibles para las celdas, los más utilizados son rowspan y colspan, que se emplean para construir tablas complejas como las que se ven más adelante. Entre los demás atributos, sólo se utiliza de forma habitual el atributo scope, sobre todo con las celdas de cabecera que se ven a continuación. Normalmente, algunas de las celdas de la tabla se utilizan como cabecera de las demás celdas de la fila o de la columna. En este caso, HTML define la etiqueta

    (del inglés “table header cell” ) para indicar que una celda es cabecera de otras celdas.

    Etiqueta < th >
    Atributos comunes , y
    Atributos propios

    abbr = “texto” – Permite describir el contenido de la celda (empleado sobre todo en los navegadores utilizados por personas discapacitadas) headers = “lista_de_id” – Indica las celdas que actúan como cabeceras para esta celda (los títulos de las columnas y filas). Se indica como una lista de ID de celdas scope = “col, row, colgroup, rowgroup” – Indica las celdas para las que esta celda será su cabecera. Ej: scope=”col” indica que esta celda es la cabecera de todas las demás celdas que están en la misma columna colspan = “numero” – Número de columnas que ocupa esta celda rowspan = “numero” – Número de filas que ocupa esta celda

    Tipo de elemento Bloque
    Descripción Se emplea para definir las celdas que son cabecera de una fila o de una columna de la tabla

    Los atributos de la etiqueta

    son idénticos que los atributos definidos para la etiqueta

    , En este caso, el atributo más utilizado es scope, que permite indicar si la celda es cabecera de la fila o de la columna (

    y

    respectivamente). Por otra parte, HTML define la etiqueta para establecer la leyenda o título de una tabla. La etiqueta debe colocarse inmediatamente después de la etiqueta

    y cada tabla sólo puede incluir una etiqueta,

    Etiqueta < caption >
    Atributos comunes , y
    Atributos propios
    Tipo de elemento En línea
    Descripción Se emplea para definir la leyenda o título de una tabla

    Ejercicio 11 Determinar el código HTML necesario para crear la tabla que se muestra en la siguiente imagen: Figura 7.3 Tabla sencilla con celdas de cabecera Utilizar las celdas de cabecera donde sea necesario y añadir todos los atributos posibles. Ejercicio 12 Determinar el código HTML necesario para crear la tabla que se muestra en la siguiente imagen. Utilizar las celdas de cabecera donde sea necesario y añadir todos los atributos posibles. Figura 7.4 Tabla con los resultados de una búsqueda Las tablas complejas suelen disponer de una estructura irregular que junta varias columnas para formar una columna ancha o une varias filas para formar una fila más alta que las demás. Para fusionar filas o columnas, se utilizan los atributos rowspan y colspan respectivamente. Figura 7.5 Ejemplo sencillo de fusión de columnas Para obtener una tabla como la de la imagen anterior, se debe utilizar el siguiente código: table > tr > td colspan = “2” > A td > tr > tr > td > B td > td > C td > tr > table > La primera fila de la tabla está formada sólo por una columna, mientras que la segunda fila está formada por dos columnas. En principio, podría pensarse en utilizar el siguiente código HTML para definir la tabla: table > tr > td > A td > tr > tr > td > B td > td > C td > tr > table > Sin embargo, si se utiliza el código anterior, el navegador visualiza de forma incorrecta la tabla, ya que las tablas en HTML deben disponer de una estructura regular. En otras palabras, todas las filas de una tabla HTML deben tener el mismo número de columnas. Por lo tanto, si se quieren mostrar menos columnas en una fila, se fusionan mediante el atributo colspan, que indica el número de columnas simples que va a ocupar una determinada celda. En el ejemplo anterior, la celda de la primera fila debe ocupar el espacio de dos columnas simples, por lo que el código HTML debe ser

    A

    , De forma equivalente, si se quiere diseñar una tabla HTML que fusiona filas como la de la siguiente imagen: Figura 7.6 Ejemplo sencillo de fusión de filas El código HTML que se debe utilizar para obtener la tabla de la imagen anterior es: table > tr > td > A td > td rowspan = “2” > B td > tr > tr > td > C td > tr > table > De forma análoga a la fusión de columnas del ejemplo anterior, la fusión de filas debe indicarse de forma especial. Como las tablas HTML tienen que ser regulares, todas las columnas deben tener el mismo número de filas. Así, si en el ejemplo anterior se utilizara el siguiente código: table > tr > td > A td > td > B td > tr > tr > td > C td > tr > table > La tabla anterior no se visualizaría correctamente. Como la segunda columna de la tabla ocupa el espacio de las dos filas, el código HTML debe indicar claramente que esa celda va a ocupar dos filas, de manera que todas las columnas de la tabla cuenten con el mismo número de filas. Utilizando los atributos rowspan y colspan, es posible diseñar tablas tan complejas como las que se muestran en los siguientes ejemplos. Ejemplo de fusión de múltiples columnas: Figura 7.7 Ejemplo complejo de fusión de columnas El código HTML necesario para fusionar las columnas de la tabla anterior se muestra a continuación: html > head > title > Ejemplo de columnas fusionadas title > head > body > h1 > Fusión de columnas h1 > table > tr > td colspan = “3” > A td > td > B td > tr > tr > td > C td > td colspan = “2” > D td > td > E td > tr > tr > td colspan = “4” > F td > tr > tr > td > G td > td > H td > td > I td > td > J td > tr > table > body > html > Ejemplo de fusión de múltiples filas: Figura 7.8 Ejemplo complejo de fusión de filas El código HTML necesario para fusionar las filas de la tabla anterior se muestra a continuación: html > head > title > Ejemplo de filas fusionadas title > head > body > h1 > Fusión de filas h1 > table > tr > td > A td > td > B td > td rowspan = “3” > C td > td > D td > tr > tr > td rowspan = “2” > E td > td > F td > td rowspan = “3” > G td > tr > tr > td > H td > tr > tr > td > I td > td > J td > td > K td > tr > table > body > html > Ejercicio 13 Determinar el código HTML necesario para crear la tabla que se muestra en la siguiente imagen: Figura 7.9 Ejemplo de tabla con una estructura compleja

    Emplear las etiquetas

    ,

    ,

    ,

    , y los atributos colspan, rowspan, abbr, scope, summary,

    : 7.1. Tablas básicas (Introducción a XHTML)

    /table>

    /table>

    /table>

    ¿Cuál es la estructura principal de un documento HTML?

    7.4.2 El elemento TITLE – TITLE – – (#PCDATA) -( %head.misc; ) – ttulo del documento -> %i18n > Etiqueta inicial: obligatoria, Etiqueta final: obligatoria Todos los documentos HTML deben tener un elemento TITLE en la seccin HEAD, Los autores deberan utilizar el elemento TITLE para identificar los contenidos de un documento. Debido a que los usuarios a menudo consultan documentos fuera de contexto, los autores deberan proporcionar ttulos ricos en contexto. As, en vez de usar un ttulo como “Introduccin”, que no proporciona mucha informacin acerca del contexto, los autores deberan poner en su lugar un ttulo del estilo “Introduccin a la apicultura medieval”. Por razones de accesibilidad, los agentes de usuario siempre deben poner el contenido del elemento TITLE a disposicin de los usuarios (incluyendo los elementos TITLE que aparezcan en marcos). El mecanismo para ello depende del agente de usuario (p.ej., como un ttulo, hablado). Los ttulos pueden contener entidades de caracteres (para caracteres acentuados, caracteres especiales, etc.), pero no pueden contener cdigo (incluyendo comentarios). Aqu tenemos un ejemplo de ttulo de documento: Un estudio sobre la dinmica de la poblacin, otros elementos de cabecera. cuerpo del documento.

    ¿Qué es Cellspacing en HTML?

    Atributos para tablas HTML Conocemos los atributos principales que le podemos asignar a las tablas en el lenguaje HTML de modo general. Además vemos varios ejemplos prácticos de construcción de tablas. En este artículo vamos a seguir hablando de tablas, con información de diverso tipo.

    A la parte de los atributos para tablas puedes prestarle poca atención porque básicamente lo que hacen es aplicar estilo a la propia tabla o a sus celdas y estas definiciones actualmente se recomienda incluir en el CSS. Luego pasaremos a ver las tablas anidadas y realizar unas unas prácticas de representación de información tabulada, que sí merece la pena estudiar para afianzar el conocimiento.

    A continuación encuentras los más importantes de los atributos específicos para tablas, aunque recuerda que todos están ya en desuso desde la versión del estándar HTML5. align: Alinea horizontalmente la tabla con respecto a su entorno. background: Nos permite colocar un fondo para la tabla a partir de un enlace a una imagen.

    • Bgcolor: Da color de fondo a la tabla.
    • Border: Define el número de pixels del borde principal.
    • Bordercolor: Define el color del borde.
    • Cellpadding: Define, en pixels, el espacio entre los bordes de la celda y el contenido de la misma.
    • Cellspacing: Define el espacio entre los bordes (en pixels).
    • Height: Define la altura de la tabla en pixels o porcentaje.

    width: Define la anchura de la tabla en pixels o porcentaje. Los atributos que definen las dimensiones, height y width, funcionan de una manera análoga a la de las celdas tal y como hemos visto en el capitulo anterior. Contrariamente, el atributo align no nos permite justificar el texto de cada una de las celdas que componen la tabla, sino más bien, justificar la propia tabla con respecto a su entorno. Los atributos cellpading y cellspacing nos ayudaran a dar a nuestra tabla un aspecto más estético. En un principio puede parecernos un poco confuso su uso pero un poco de practica será suficiente para hacerse con ellos. En la siguiente imagen podemos ver gráficamente el significado de estos atributos. Con un poco de práctica podéis comprobar vosotros mismos que los atributos definidos para una celda tienen prioridad con respecto a los definidos para una tabla. Podemos definir, por ejemplo, una tabla con color de fondo rojo y una de las celdas de color de fondo verde y se verá toda la tabla de color rojo menos la celda verde.

    ¿Cómo seleccionar una fila de una tabla en HTML?

    Para navegar con facilidad por una tabla y seleccionar sus celdas y bordes de celda, pero evitar seleccionar el texto del interior de la celda. Al seleccionar una celda, sus bordes se muestran resaltados. Para seleccionar una celda de una tabla: Haga clic una vez para seleccionar la tabla y vuelva a hacer clic para seleccionar una celda individual.

    Para seleccionar celdas contiguas, seleccione una celda y, a continuación, mantenga pulsada la tecla Mayúsculas mientras selecciona celdas contiguas. También puede hacer clic en una celda, pulsar y arrastrar por un intervalo de celdas. Para seleccionar celdas no contiguas, mantenga pulsada la tecla Comando mientras selecciona las celdas. Haga clic con la tecla Comando pulsada para anular la selección de una celda del grupo. Para seleccionar una sola fila o columna, seleccione una sola celda y, a continuación, utilice la opción “Seleccionar fila” o “Seleccionar columna” del menú local “Editar filas y columnas” del inspector de la tabla. Para seleccionar varias filas, seleccione dos o más celdas contiguas verticalmente antes de seleccionar la opción Seleccionar fila. Para seleccionar varias columnas, seleccione dos o más celdas contiguas horizontalmente antes de seleccionar la opción Seleccionar columna.

    Para mover la selección de celdas de la tabla a toda la tabla: Pulse Comando + Retorno o haga clic fuera de la tabla y, a continuación, haga clic en cualquier lugar de la tabla. Cuando hay una celda seleccionada, existen una serie de funciones rápidas para seleccionar las celdas contiguas.

    Para seleccionar Haga esto
    La siguiente celda a la derecha Pulse Tabulador. Si pulsa Tabulador en la última columna, se seleccionará la primera celda de la siguiente fila. Si pulsa Tabulador en la última celda, se añadirá una nueva fila y se seleccionará la primera celda de esa fila.
    La siguiente celda a la izquierda Pulse Mayúsculas + Tabulador.
    La siguiente celda hacia abajo Pulse flecha abajo.
    La siguiente celda hacia arriba Pulse flecha arriba.

    ¿Cuáles son las etiquetas básicas?

    Las etiquetas HTML básicas son las etiquetas más comúnmente utilizadas en la estructura de una página web. Estas etiquetas básicas suelen conformar la estructura básica de una página web y son esenciales para el desarrollo web.