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

    ¿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.</p> Signup and view all the answers

    Por defecto, las tablas se justifican a la derecha.

    <p>False</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.</p> Signup and view all the answers

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

    <p>False</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.</p> Signup and view all the answers

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

    <p>False</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

    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
    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
    Browser