Tecnología

Inicio

Cómo mostrar barras de desplazamiento en HTML Div

Cómo mostrar barras de desplazamiento en HTML Div


Mostrando barras de desplazamiento en div HTML proporciona un diseñador web con control sobre la apariencia de la página web. A través de la utilización del atributo div HTML, un diseñador de páginas web puede especificar el ancho y la altura de una sección de la página. El texto que no cabe en el área especificada se ve a través del uso de las barras de desplazamiento. Después de escribir código HTML Web, ver la página web con diferentes navegadores para asegurar el código se rindió con la apariencia y funcionalidad que trabajó para lograr, de acuerdo con la ayuda de herramientas para webmasters de Google. Hay muchos tipos diferentes de los navegadores. Por ejemplo, cada versión de Explorador se considera un navegador diferente como cada una de las versiones de los renders algo de código diferente.

Instrucciones

1 Inserte el siguiente código en el código HTML entre las etiquetas del cuerpo en el lugar deseado en su página:
<Div style = "width: 200px;
altura: 150px;
overflow: desplazarse; ">

2 Cambiar las dimensiones de ancho y alto, que se representan en píxeles, píxeles, de acuerdo a su diseño de páginas web. Por ejemplo, para una sección más ancha en su página, cambiar 200 píxeles a un número más alto.

3 Al final de la sección div, coloque el código siguiente:
</ Div>.

4 Asegúrese de que los navegadores saben cómo leer su página web, proporcionando información en el encabezado del código de página web. Para informar al navegador que está utilizando HTML, utilice el siguiente código en su cabecera:
Content-Type: text / html; charset = ISO-8859-1

Consejos y advertencias

  • Al copiar el código fuera de este artículo, copiar el código HTML resaltando el código y pegarlo en el Bloc de notas en el ordenador. Al pegar en el Bloc de notas, los atributos asociados asignados por el código de página web, como el tipo de fuente y estilo, serán eliminados. En Bloc de notas, vaya a "Editar" y elegir la opción "Seleccionar todo". Copiar y pegar en el código HTML.