Formato de Tablas HTML
15 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

Empareja las funciones de las etiquetas HTML con su descripción:

= Define una tabla en HTML
= Proporciona un título para la tabla
= Indica una cabecera de fila o columna = Define una celda de datos en la tabla

Empareja los atributos de las tablas HTML con su función:

BORDER = Especifica el ancho de los bordes WIDTH = Establece el ancho de la tabla ALIGN = Controla la alineación de la tabla en la página CELLPADDING = Define el espacio interior de las celdas

Empareja las configuraciones de bordes con sus efectos:

BORDER='1' = Borde exterior igual al interior BORDER>1 = Efecto de sombreado en el borde exterior BORDER='0' = Sin bordes visibles en la tabla BORDER='5' = Borde grueso y destacado

Empareja los modificadores de tamaño de tabla con su descripción:

<p>WIDTH='100%' = Ajusta la tabla al 100% del ancho disponible WIDTH='300' = Establece un ancho fijo en píxeles COLSPAN = Permite que una celda ocupe varias columnas ROWSPAN = Permite que una celda ocupe varias filas</p> Signup and view all the answers

Empareja los elementos que afectan la justificación de la tabla:

<p>Justificación por defecto = Alineación a la izquierda</p> <center> = Centra la tabla en la página <div> = Permite estilos adicionales de alineación <float> = Controla el flujo de la tabla respecto a otros elementos Signup and view all the answers

Empareja las etiquetas con su uso en las cabeceras de la tabla:

<th> = Usada para cabecera de columna <tr> = Define una fila en la tabla <thead> = Contiene el encabezado de la tabla <tfoot> = Contiene el pie de la tabla Signup and view all the answers

Empareja las propiedades relacionadas con el espacio interior de las celdas:

<p>CELLPADDING = Determina el espacio entre el texto y el borde de la celda CELLSPACING = Define el espacio entre celdas adyacentes BORDER = Establece el grosor de los bordes de la celda ALIGN = Controla la alineación del texto dentro de la celda</p> Signup and view all the answers

Empareja las propiedades de una tabla HTML con su descripción:

<caption> = Proporciona una descripción para la tabla BORDER='0' = Elimina todos los bordes visibles ALIGN='center' = Centra la tabla respecto a otros elementos WIDTH='auto' = Ajusta la tabla al contenido interno Signup and view all the answers

Empareja los modificadores de celdas HTML con su función correspondiente:

<p>CELLPADDING = Establece la distancia entre los bordes de la celda y el texto CELLSPACING = Define el ancho de los bordes entre las celdas WIDTH = Especifica el ancho de una celda en forma absoluta o relativa HEIGHT = Establece la altura de una celda individual</p> Signup and view all the answers

Asocia los valores de justificación horizontal con sus descripciones:

<p>CENTER = Alinea el texto al centro de la celda LEFT = Alinea el texto a la izquierda de la celda RIGHT = Alinea el texto a la derecha de la celda BASELINE = Alinea el texto según la línea base</p> Signup and view all the answers

Relacione los modificadores que permiten celdas irregulares con su función:

<p>COLSPAN = Especifica el ancho de una celda en relación a las adyacentes ROWSPAN = Especifica la altura de una celda según las celdas adyacentes VALIGN = Justifica verticalmente el texto en la celda ALIGN = Justifica horizontalmente el texto en la celda</p> Signup and view all the answers

Empareja los modificadores relacionados con el color en las celdas:

<p>BGCOLOR = Especifica el color de fondo de una celda COLOR = Define el color del texto en la celda FONT = Controla el tipo de letra del texto en la celda BACKGROUND = Establece una imagen de fondo en la celda</p> Signup and view all the answers

Relacione los tipos de justificación vertical con su significado:

<p>TOP = Alinea el texto en la parte superior de la celda MIDDLE = Centra el texto verticalmente en la celda BOTTOM = Alinea el texto en la parte inferior de la celda BASELINE = Alinea el texto a la línea base del contenido</p> Signup and view all the answers

Asocie los modificadores de tabla HTML con su uso:

<p>NOWRAP = Hace que el texto en la celda no inicie una nueva línea COLSPAN = Permite que una celda se extienda sobre varias columnas ROWSPAN = Permite que una celda se extienda sobre varias filas HEIGHT = Ajusta la altura específica de una celda</p> Signup and view all the answers

Empareja cada modificador de alineación con su ubicación:

<p>LEFT = Alineación por defecto del texto en las celdas CENTER = Alineación que centra el contenido dentro de la celda RIGHT = Alineación que coloca el contenido a la derecha MIDDLE = Alineación que centra el contenido verticalmente</p> Signup and view all the answers

Study Notes

Formato de Tablas HTML

  • Título de la tabla: Las tablas deben tener un título descriptivo. La etiqueta <caption > se usa para este propósito, centrando automáticamente el texto en la tabla.

Bordes de la Tabla

  • BORDER: Se utiliza para agregar bordes a las tablas con el atributo BORDER dentro de la etiqueta <table >. El valor representa el ancho en píxeles del borde exterior. El borde exterior se distingue visualmente al aumentar el valor del atributo BORDER a más de 1. Para que los bordes exteriores e interiores sean iguales, se debe establecer BORDER="1".

Cabeceras de filas y columnas

  • Etiquetas de encabezado (<th>) vs. <td>: Para cabeceras de filas y columnas, se pueden usar etiquetas <th> (para encabezados), pero estas no soportan formateo, a diferencia de <td>.

Tamaño de la tabla

  • WIDTH: Se puede establecer un ancho fijo para la tabla usando el modificador WIDTH dentro de la etiqueta <table >. El valor puede ser un número (píxeles) o un porcentaje del ancho de la página. El ancho de la tabla se ajustará al mínimo necesario para mostrar todo el contenido de las celdas, incluso si las celdas individuales son mayores.

Justificación de las tablas

  • Justificación de la tabla: Por defecto, las tablas se justifican a la izquierda. Se pueden centrar usando la etiqueta <center>.

Espacio dentro de las celdas

  • CELLPADDING: Define el espacio entre el borde de la celda y el texto que contiene. El valor predeterminado es 1 píxel.

  • CELLSPACING: Define el espacio entre los bordes de las celdas adyacentes.

Justificación del texto dentro de las celdas

  • ALIGN y VALIGN: Estos modificadores se usan dentro de la etiqueta <td> para alinear el texto horizontal (ALIGN: LEFT, CENTER, RIGHT) y verticalmente (VALIGN: TOP, MIDDLE, BOTTOM, BASELINE) dentro de las celdas. Estos valores se aplican a la celda individual. Se pueden aplicar a toda una fila aplicando los modificadores a la etiqueta <tr>.

Celdas de diferentes tamaños

  • WIDTH y HEIGHT: Se pueden definir el ancho y altura de una celda individual usando los atributos WIDTH y HEIGHT de la etiqueta <td>. El valor se puede expresar en píxeles o porcentaje del ancho de la tabla. No se pueden aplicar WIDTH y HEIGHT a una fila completa; se deben utilizar en cada celda individual.

Celdas irregulares

  • COLSPAN y ROWSPAN: COLSPAN especifica el número de celdas horizontales que abarca una celda (<td>); ROWSPAN especifica el número de celdas verticales que abarca una celda (<td>). Estos modificadores se usan dentro de la etiqueta <td>.

Color de fondo de las celdas

  • BGCOLOR: Se utiliza para establecer el color de fondo de las celdas con el atributo BGCOLOR dentro de la etiqueta <td >. El atributo acepta valores hexadecimales o cadenas de texto.

Texto en una sola línea

  • NOWRAP: Si una celda tiene ancho limitado, pero el texto es más largo, el atributo NOWRAP en la etiqueta <td> evitará que el texto se despliegue a varias líneas. El texto se extenderá horizontalmente al ancho máximo de la celda

Studying That Suits You

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

Quiz Team

Description

Este cuestionario explora las especificaciones y el formato de tablas en HTML. Los temas cubiertos incluyen el uso de etiquetas para títulos, bordes y cabeceras. Además, se discutirá cómo establecer el tamaño de la tabla.

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

HTML5: More on Lists, Tables, and Images

AccommodativeBlankVerse avatar
AccommodativeBlankVerse
HTML Table Structure and Usage gr 9 quiz 2
45 questions

HTML Table Structure and Usage gr 9 quiz 2

CapableTsavorite avatar
CapableTsavorite
HTML Tables Overview
8 questions

HTML Tables Overview

FeasibleSteelDrums avatar
FeasibleSteelDrums
Use Quizgecko on...
Browser
Open
Browser
Browser