Elementos de HTML - Tablas
16 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

¿Cuál es la etiqueta HTML utilizada para nombrar una tabla?

  • <caption> (correct)
  • <title>
  • <header>
  • <table>

El modificador BORDER también afecta a los bordes internos de una tabla.

False (B)

¿Qué etiqueta se utiliza para definir la cabecera de una fila en una tabla?

Para cambiar el ancho de la tabla se utiliza el modificador ______.

<p>WIDTH</p> Signup and view all the answers

Relaciona los atributos de la tabla con su descripción:

<p>BORDER = Define el ancho del borde exterior de la tabla WIDTH = Establece el ancho de la tabla en píxeles o porcentaje</p> <caption> = Proporciona un título a la tabla <th> = Define cabeceras en filas o columnas Signup and view all the answers

¿Cuál de las siguientes afirmaciones sobre las cabeceras de filas y columnas es correcta?

<p>Se puede utilizar la etiqueta <th> para definir cabeceras. (B)</p> Signup and view all the answers

Por defecto, las tablas se justifican a la derecha.

<p>False (B)</p> Signup and view all the answers

Para aumentar el espacio entre el texto de las celdas se debe ajustar el ______.

<p>padding</p> Signup and view all the answers

¿Cuál es el propósito del modificador CELLPADDING?

<p>Establecer la distancia mínima entre los bordes de cada celda y el texto. (B)</p> Signup and view all the answers

El valor por defecto de la propiedad ALIGN en HTML es CENTER.

<p>False (B)</p> Signup and view all the answers

¿Qué modificador se utiliza para establecer el color de una celda?

<p>BGCOLOR</p> Signup and view all the answers

Para que el texto de una celda no ocupe más líneas, se debe añadir el modificador ______.

<p>NOWRAP</p> Signup and view all the answers

¿Qué define el modificador COLSPAN?

<p>El número de celdas que ocupará una celda a lo ancho. (B)</p> Signup and view all the answers

Es posible aplicar los modificadores WIDTH y HEIGHT a toda una fila a la vez.

<p>False (B)</p> Signup and view all the answers

Asocia los modificadores con su función correspondiente.

<p>CELLPADDING = Distancia entre borde y texto CELLSPACING = Ancho de los bordes de la celda ROWSPAN = Número de filas que ocupa una celda WIDTH = Ancho de una celda</p> Signup and view all the answers

¿Qué efecto tiene el modificador HEIGHT en HTML?

<p>Establece la altura de una celda específica.</p> Signup and view all the answers

Flashcards

Título de tabla HTML

Etiqueta que identifica y describe el contenido de la tabla. Ayuda a entender qué información contiene.

Borde de tabla HTML

Modificador para agregar bordes a una tabla. El ancho especificado afecta solo a los bordes externos.

Cabeceras de filas/columnas

Etiquetas para identificar las filas y columnas de una tabla, facilitando la comprensión de datos

Ancho de tabla HTML

Ajusta el ancho de una tabla en píxeles o porcentaje del ancho del navegador, aunque el texto puede superar el ancho definido.

Signup and view all the flashcards

Justificación de la tabla

Por defecto, la tabla se justifica a la izquierda. Se puede centrar.

Signup and view all the flashcards

Espacio entre celdas

Opción para aumentar o disminuir el espacio entre los textos de las celdas contiguas, para mejorar la legibilidad.

Signup and view all the flashcards

Ancho fijo de la tabla

Utilizando el modificador WIDTH, se establece un ancho fijo en píxeles o porcentaje para la tabla. El ancho no cambia si el contenido excede este valor.

Signup and view all the flashcards

Etiqueta

Sirve para definir cabeceras de tabla (filas o columnas), pero las cabeceras no admiten formato.

Signup and view all the flashcards

CELLPADDING

Establece la distancia entre los bordes de una celda y su contenido en píxeles.

Signup and view all the flashcards

CELLSPACING

Establece el ancho del borde entre celdas adyacentes en píxeles.

Signup and view all the flashcards

ALIGN

Ajusta el texto horizontalmente dentro de una celda (izquierda, centro, derecha).

Signup and view all the flashcards

VALIGN

Establece la posición vertical del texto dentro de la celda (arriba, medio, abajo).

Signup and view all the flashcards

WIDTH

Define el ancho de una celda en píxeles o porcentaje del ancho de la tabla.

Signup and view all the flashcards

HEIGHT

Define la altura de una celda en píxeles.

Signup and view all the flashcards

COLSPAN

Especifica el número de celdas adyacentes que una celda abarca horizontalmente.

Signup and view all the flashcards

ROWSPAN

Especifica el número de celdas adyacentes que una celda abarca verticalmente.

Signup and view all the flashcards

Study Notes

Elementos de las Tablas HTML

  • Títulos de Tablas: Las tablas deben tener títulos descriptivos. HTML permite usar la etiqueta <caption> para darles nombre, y el título se centra automáticamente.

  • Bordes de Tablas: Se usan BORDER dentro de la etiqueta <table> para agregar bordes. BORDER="ancho" define el ancho del borde exterior; el valor debe ser mayor que 1 para mostrar sombreado. Para bordes exteriores e interiores iguales, usa BORDER="1".

  • Cabeceras de Filas y Columnas: Para facilitar la lectura, se pueden usar <th> (cabecera) para identificar filas y columnas. Alternativamente, se puede usar <caption>.

  • Tamaño de Tablas: El tamaño de una tabla se ajusta por defecto al contenido. WIDTH permite especificar un ancho fijo, en píxeles o porcentaje, pero el texto puede sobrepasar el ancho asignado.

  • Justificación de Tablas: Las tablas se justifican a la izquierda por defecto, se centran con la etiqueta <table>.

  • Espaciado de Celdas:

  • CELLPADDING: Define el espaciado (en píxeles) entre el borde de las celdas y el texto. El valor por defecto es 1.

  • CELLSPACING: Define el ancho (en píxeles) entre las celdas.

  • Justificación de Texto en Celdas: Se usa ALIGN (horizontal = CENTER, LEFT, RIGHT) y VALIGN (vertical = TOP, MIDDLE, BOTTOM, BASELINE) en la etiqueta <td>. Para justificar toda una fila, coloca los modificadores en la etiqueta <tr>.

  • Celdas de Tamaños Diferentes: WIDTH y HEIGHT para especificar el ancho y altura de las celdas individualmente, en píxeles o porcentajes, en la etiqueta <td>.

  • Celdas Irregulares (COLSPAN & ROWSPAN):

  • COLSPAN: Especifica el número de columnas que una celda ocupa.

  • ROWSPAN: Especifica el número de filas que una celda ocupa. Ambos afectan a la etiqueta <td>.

  • Color de Fondo de Celdas: Usa BGCOLOR en <td> para establecer el color de fondo de cada celda (hexadecimal o cadena).

  • Texto en una sola línea (NOWRAP): Para evitar que el texto se divida en varias líneas cuando la celda no es lo suficientemente ancha, añadir NOWRAP a la etiqueta <td>.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Description

Este cuestionario explora los elementos clave de las tablas en HTML. Se abordan aspectos como títulos, bordes, cabeceras y justificación. Aprenderás a crear tablas más efectivas y estéticamente agradables en tus proyectos web.

More Like This

HTML5 Lists, Tables, and Images
6 questions

HTML5 Lists, Tables, and Images

AccommodativeBlankVerse avatar
AccommodativeBlankVerse
HTML5: More on Lists, Tables, and Images
6 questions
Bootstrap Tables and Carousel
17 questions
HTML Tables Overview
8 questions

HTML Tables Overview

FeasibleSteelDrums avatar
FeasibleSteelDrums
Use Quizgecko on...
Browser
Browser