Elementos de Tablas HTML
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 función de la etiqueta en una tabla?

  • Aplicar borde a la tabla
  • Definir el rango de la tabla
  • Ajustar el ancho de la tabla
  • Dar un título a la tabla (correct)

    • El modificador BORDER se usa para especificar el ancho de los bordes internos de la tabla exclusivamente.

    False (B)

    ¿Cuál es la etiqueta que se usa para crear cabeceras de filas y columnas en una tabla?

    th

    Para establecer un ancho fijo en una tabla, se utiliza el modificador ______.

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

    Empareja las etiquetas HTML con su descripción correcta:

    <table> = Define el contenedor de una tabla <tr> = Representa una fila en la tabla <td> = Define una celda de datos en la tabla <th> = Define una celda de encabezado en la tabla Signup and view all the answers

    ¿Cómo se centran las tablas en HTML?

    <p>Con la etiqueta <center> (D)</p> Signup and view all the answers

    El tamaño de una tabla en HTML siempre corresponde al ancho que se le especifica en el modificador WIDTH.

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

    ¿Qué permite hacer el modificador BORDER cuando toma un valor superior a uno?

    <p>Generar un efecto de sombreado</p> Signup and view all the answers

    ¿Cuál es la función del modificador CELLPADDING?

    <p>Establece 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 del modificador CELLSPACING es 1.

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

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

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

    El modificador NOWRAP se utiliza para evitar que el texto en una celda ocupe más __________.

    <p>líneas</p> Signup and view all the answers

    Asocia los modificadores con sus funciones correspondientes:

    <p>COLSPAN = Especifica el ancho de una celda que ocupa múltiples columnas ROWSPAN = Especifica la altura de una celda que ocupa múltiples filas WIDTH = Especifica el ancho de una celda concreta HEIGHT = Especifica la altura de una celda individual</p> Signup and view all the answers

    ¿Cuál es el valor por defecto para la justificación horizontal del texto dentro de una celda?

    <p>LEFT (C)</p> Signup and view all the answers

    Es posible aplicar los modificadores WIDTH y HEIGHT a toda una fila en HTML.

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

    ¿Qué valor se puede establecer con el modificador HEIGHT en HTML?

    <p>La altura de una celda individual</p> Signup and view all the answers

    Flashcards

    Título de tabla HTML

    Etiqueta que identifica y clarifica el contenido de una tabla.

    Borde de tabla HTML

    Modificador para agregar bordes a una tabla, usando BORDER en la etiqueta. Indica el ancho en píxeles del borde exterior.

    Cabeceras de filas/columnas (HTML)

    Etiquetas que ayudan a comprender el contenido de las filas y columnas de la tabla. Se utilizan para definir la cabecera de filas y columnas.

    Ancho fijo de tabla (HTML)

    Establecer un ancho específico para una tabla en píxeles o porcentaje del ancho de la página.

    Signup and view all the flashcards

    Justificación de la tabla (HTML)

    Por defecto, las tablas se justifican a la izquierda; se centran con la etiqueta.

    Signup and view all the flashcards

    Espacio entre celdas (HTML)

    Ajustar el espacio entre las celdas de la tabla para una mejor legibilidad; controla la separación entre contenido.

    Signup and view all the flashcards

    Etiqueta

    Etiqueta HTML utilizada para crear una tabla; contiene información organizada en filas y columnas.

    Signup and view all the flashcards

    Ancho tabla, porcentaje

    Ajustar el ancho de la tabla como porcentaje del ancho del documento del navegador.

    Signup and view all the flashcards

    CELLPADDING

    Establece la distancia entre el borde de la celda y el texto.

    Signup and view all the flashcards

    CELLSPACING

    Establece el espacio entre las celdas de una tabla.

    Signup and view all the flashcards

    ALIGN

    Modifica la alineación horizontal del texto en una celda.

    Signup and view all the flashcards

    VALIGN

    Modifica la alineación vertical del texto en una celda.

    Signup and view all the flashcards

    WIDTH

    Especifica el ancho de una celda.

    Signup and view all the flashcards

    HEIGHT

    Especifica la altura de una celda.

    Signup and view all the flashcards

    COLSPAN

    Número de columnas que abarca una celda.

    Signup and view all the flashcards

    ROWSPAN

    Número de filas que abarca una celda.

    Signup and view all the flashcards

    Study Notes

    Elementos de las Tablas HTML

    • Título de la tabla: Las tablas deben tener un título descriptivo. HTML permite usar la etiqueta <caption > para el título, lo cual lo centra automáticamente.

    • Bordes de la tabla: El atributo BORDER en la etiqueta <table > crea bordes. BORDER="ancho" (en píxeles). El valor afecta solo a los bordes externos. BORDER="1" genera bordes exteriores e interiores con la misma anchura. Valores mayores a 1 dan sombreado al borde exterior.

    • Cabeceras: Para facilitar la lectura, se pueden usar encabezados de filas y columnas (<th>). La etiqueta <th > es una opción para cabeceras, pero solo muestra los datos sin formato como el resto de las celdas.

    • Tamaño de la tabla: El tamaño de una tabla se basa en el contenido. El atributo WIDTH permite especificar el ancho en píxeles o porcentaje. El ancho de la tabla se adaptará si el texto sobrepasa el ancho proporcionado.

    • Justificación de la tabla: Por defecto, la tabla se justifica a la izquierda. ALIGN="center" en la etiqueta <table > centra la tabla.

    • Espacio entre celdas:

      • CELLPADDING: Define el espacio entre el borde de la celda y el contenido (en píxeles). El valor por defecto es 1.
      • CELLSPACING: Define el espacio entre las celdas (en píxeles).

    • Justificación del texto en las celdas: ALIGN y VALIGN en la etiqueta <td > controlan la justificación horizontal y vertical del texto dentro de las celdas individualmente. ALIGN="valor" ( left, center, right) y VALIGN="valor" ( top, middle, bottom, baseline).

    • Celdas de diferentes tamaños:

      • WIDTH y HEIGHT: Permiten modificar el ancho y la altura de una celda individual (en píxeles o porcentaje) usando la etiqueta <td >

    • Celdas irregulares: Utilizar COLSPAN y ROWSPAN dentro de <td > para combinar celdas en filas o columnas.

      • COLSPAN: Número de columnas que abarca la celda.
      • ROWSPAN: Número de filas que abarca la celda.

    • Color de las celdas: BGCOLOR en la etiqueta <td > o <th > para establecer el color de la celda (representado en hexadecimal o nombre de color).

    • Texto en una sola línea: NOWRAP en <td > para evitar el desplazamiento a nuevas líneas en una celda con ancho fijo y texto que sobrepasa ese ancho, expandiendo la celda para que el texto se muestre completo en una sola línea.

    Studying That Suits You

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

    Quiz Team

    Description

    Este cuestionario aborda los elementos fundamentales de las tablas en HTML, incluidos títulos, bordes, cabeceras y tamaño. Aprenderás a utilizar etiquetas como <caption> y <th>, y conocerás cómo ajustar el ancho de la tabla según su contenido.

    More Like This

    HTML5: More on Lists, Tables, and Images
    6 questions

    HTML5: More on Lists, Tables, and Images

    AccommodativeBlankVerse avatar
    AccommodativeBlankVerse
    Bootstrap Tables and Carousel
    17 questions

    Bootstrap Tables and Carousel

    SupplePalladium avatar
    SupplePalladium
    HTML Tables Overview
    8 questions

    HTML Tables Overview

    FeasibleSteelDrums avatar
    FeasibleSteelDrums
    HTML Tables and Lists Basics
    8 questions

    HTML Tables and Lists Basics

    EnviableApostrophe480 avatar
    EnviableApostrophe480
    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser