Cómo Hacer Una Línea Rastrera En Html

Tabla de contenido:

Cómo Hacer Una Línea Rastrera En Html
Cómo Hacer Una Línea Rastrera En Html

Video: Cómo Hacer Una Línea Rastrera En Html

Video: Cómo Hacer Una Línea Rastrera En Html
Video: Tag hr HTML Línea Horizontal - Atributos y estilos 2024, Noviembre
Anonim

Los diseñadores web utilizan una amplia variedad de efectos para decorar las páginas que crean. Uno de estos efectos es una línea que se arrastra que atrae la atención del usuario y le hace leer el texto.

Cómo hacer una línea rastrera en html
Cómo hacer una línea rastrera en html

Es necesario

editor de html

Instrucciones

Paso 1

Para trabajar con HTML, necesita un editor de html, por ejemplo, СuteHTML. Puede descargar su versión portátil, que no requiere instalación, desde el enlace al final del artículo. Este editor tiene resaltado de sintaxis y es muy conveniente para aprender los conceptos básicos de HTML.

Paso 2

Abre el editor y escribe este código entre las etiquetas: Recuerdo un momento maravilloso: apareciste ante mí, como una visión fugaz, como un genio de pura belleza.

Paso 3

Haga clic en el icono Ver en el navegador (lupa en el fondo del globo) en el editor de código. Se abrirá el navegador predeterminado, verá los poemas de Pushkin en la línea continua. Ahora eche un vistazo de cerca al ejemplo anterior. La etiqueta de marquesina es una etiqueta de rastreo. Los parámetros de alto y ancho establecen el alto y el ancho del cuadro de línea, bgcolor define el color de fondo, en este caso es blanco. Sustituya el blanco por verde y el fondo de la línea se volverá verde. Experimente con el color, el ancho y la altura del margen de la fila.

Paso 4

Puede especificar parámetros adicionales para el movimiento de la línea utilizando el parámetro COMPORTAMIENTO. Por ejemplo, cambie la etiqueta de código de apertura de la siguiente manera: Inicie una vista previa en el editor; ahora el texto se moverá de un lado del cuadro de línea al otro y viceversa.

Paso 5

Puede establecer la dirección de movimiento de la línea de desplazamiento utilizando el parámetro DIRECCIÓN = "..", sustituyendo los siguientes valores en él: izquierda: la línea se mueve hacia la izquierda. derecha: la línea va hacia la derecha. arriba - de abajo hacia arriba. hacia abajo - de arriba a abajo.

Paso 6

Intente cambiar el tamaño del texto encerrándolo en la etiqueta de texto. En este ejemplo, el tamaño del texto es 5. También puede cambiar su color con la etiqueta Texto. En este ejemplo, el texto será rojo.

Recomendado: