Una voluta Tutorial HTML

A medida que diseña sus páginas web HyperText Markup Language (HTML), cajas uso de desplazamiento con características deslizantes verticales y / u horizontales para hacer su diseño amigable de usuario. Los visitantes utilizan estas características de desplazamiento para ver todo el contenido sin los inconvenientes presentados con grandes bloques de texto que no caben en la ventana del navegador. Crear sus propios cuadros de desplazamiento mediante el uso de hojas de estilo en cascada (CSS) en conjunto con el código HTML.

Instrucciones

1 Lanzamiento de su editor de texto y crear una nueva página.

2 Introduzca apertura y cierre "<div> </ div>" etiquetas. Escriba el contenido deseado entre estos elementos para permitir que aparezca en el cuadro de desplazamiento. Por ejemplo:
<Div>
Este es el contenido que aparece en el cuadro de desplazamiento.
</ Div>

3 Coloca el cursor en la apertura etiqueta "<div>". Utilizar un CSS en línea "style =" atributo para establecer la altura preferida y ancho de su cuadro de desplazamiento en píxeles (px). Escriba las dimensiones de la siguiente manera:
<Div style = "height: 150px; Anchura: 200px; ">

4 Asignar el descriptor de "desbordamiento" de "scroll" en la etiqueta "<div>". Este comando indica que el navegador muestre barras de desplazamiento cuando su contenido llena por completo el cuadro de texto. Para ilustrar:
<Div style = "height: 150px; Anchura: 200px; overflow: desplazarse; ">

5 Tipo de descriptores (horizontales) y de rebose-Y "(vertical) para crear un cuadro de desplazamiento" desbordamiento-x "que sólo se desplaza horizontal o verticalmente (si se prefiere). Asignar un valor "oculta" para suprimir el comportamiento de desplazamiento y un "Scroll" valor a la barra de permitir que el rollo. Por ejemplo, hacer que la barra de desplazamiento aparece sólo en el eje horizontal:
<Div style = "height: 150px; Anchura: 200px; desbordamiento-x: desplazarse; desbordamiento-y: hidden;>

Tenga en cuenta que el "overflow: scroll" de entrada de la etapa 4 se sustituye por el nuevo "desbordamiento-x" y "descriptores de desbordamiento-y".

6 Guarde el archivo con la extensión "HTML" (final).