Cómo hacer una barra de desplazamiento en una mesa con HTML

Las tablas son herramientas útiles en HTML para la conservación de los datos formateados de una manera específica. A veces las tablas contienen grandes cantidades de datos que puede que no desee ocupar toda la pantalla. En estos casos, se puede añadir una barra de desplazamiento para una tabla que se establece en un tamaño específico. Un visitante puede desplazarse a través de todo el texto que decide añadir, pero la mesa permanecerá siempre del mismo tamaño.

Instrucciones

1 Abra la página Web que desea modificar en un programa de edición de HTML o texto.

2 Introduzca el código siguiente en la sección del cuerpo del código HTML:

<Table>

<Tr>

<Td>

3 Agregue el código siguiente después de la <td> código de la celda:

<Div style = "width: 200px; altura: 100px; overflow: auto;">

4 Cambiar el ancho y la altura al tamaño que desea que la celda desplazable que sea.

5 Introduzca los datos que desee dentro de la mesa desplazable.

6 Agregue el código </ div> después de los datos.

7 Cierre la tabla con el siguiente código:

</ Td>

</ Tr>

<Table>

8 Guarda el archivo. La celda de la tabla que ha especificado ahora será desplazable.

Consejos y advertencias

• Un ejemplo de un código de la tabla de desplazamiento:
• <Table>
• <Tr>
• <Td>
• <Div style = "width: 200px; altura: 100px; overflow: auto;">
• Aquí es donde todos los contenidos de la tabla van. <P>
• Agregue un poco más contenidos, y más y más y más. <P>
• En lugar de crecer más grande con todo de este texto, la tabla tendrá una barra de desplazamiento.
• </ Div>
• </ Td>
• </ Tr>
• </ Table>