knorrigt.com

Home > Ordenadores > Cómo crear una línea horizontal en HTML

Cómo crear una línea horizontal en HTML

Advertisement

líneas de regla horizontales permiten el editor Web para separar las áreas de la página web en secciones más pequeñas y digeribles, centrándose de este modo al usuario centrarse en lo que se ha presentado el editor Web. A diferencia de la etiqueta subrayado & lt; U & gt; & lt; / u & gt ;, la regla horizontal no está ligado al texto por encima o por debajo de ella. También se puede colocar a la izquierda, derecha o centro, y puede ser de cualquier color, ancho o altura que elige el editor Web. En este tutorial se explica cómo crear una línea marrón, grueso, alineado a la izquierda, horizontal que separa la línea principal del cuerpo restante del documento, que está en blanco.

Cómo crear una línea horizontal en HTML

Cosas que necesitará

editor de texto, como fuente de edición (ver Recursos)

software de carga de documentos, como FileZilla (ver Recursos)

Espacio en un servidor

Paso 1:

Escriba lo siguiente entre las etiquetas & lt; body & gt; & lt; / body & gt; etiquetas, como se muestra: & lt; h1 & gt; Mi documento & lt; / h1 & gt;

Establecer un encabezado para su documento, el uso de la etiqueta & lt; h1 & gt; & lt; / h1 & gt; etiquetas de título. Esto alerta a los motores de búsqueda de etiquetas que las palabras entre estas etiquetas son las más importantes en la página. Esta partida será el título de la página web, dando significado para el uso de una línea horizontal.

Cómo crear una línea horizontal en HTML

Paso 2:

Escriba la etiqueta de la barra horizontal, como se muestra: & lt; hr / & gt;

La etiqueta regla horizontal no tiene una etiqueta de cierre. Incluir un espacio y una barra inclinada antes de que el signo de mayor que.

Cómo crear una línea horizontal en HTML

Paso 3:

Añadir el "alinear" atributo y establezca su valor en "izquierda", como se muestra: & lt; hr align = "left" / & gt;

Cómo crear una línea horizontal en HTML

Etapa 4:

Añadir el atributo "tamaño" y establezca su valor en "4", como se muestra: & lt; hr align = "left" size = "4" / ​​& gt;

El valor de "tamaño" del atributo determina el grosor de la línea es, mide en píxeles.

Cómo crear una línea horizontal en HTML

Paso 5:

Añadir el atributo "ancho" y establezca su valor en "370", como se muestra: & lt; hr align = "left" size = anchura "4" = "370" / & gt;

El valor "ancho" del atributo determina el tiempo que la línea es, mide en píxeles.

Cómo crear una línea horizontal en HTML

Paso 6:

Añadir el atributo "color" a la etiqueta de la regla horizontal y establezca su valor en "marrón", como se muestra: & lt; hr align = "left" size = anchura "4" = "370" color = "marrón" / & gt;

El color de esta etiqueta se puede fijar a cualquier color estándar o cualquier color hexadecimales que decide. Preceder a la de color hexadecimal con un signo "#".

Cómo crear una línea horizontal en HTML

Paso 7:

Guardar y cargar el documento en el servidor. Abra su navegador y busque la página. La página debe tener el marrón, línea horizontal bajo el título del documento.

Cómo crear una línea horizontal en HTML

Consejos y advertencias

La etiqueta & lt; hr / & gt; la etiqueta está en desuso, y W3Schools fomenta el uso de las imágenes modificadas de píxeles individuales que emplean instrucciones de la hoja de estilo para alargar o aumentar las líneas a una anchura deseada.

Cómo Trazar una línea horizontal en Matlab
Una línea horizontal es una línea cuyos puntos todos comparten la misma valor y. Una línea horizontal es perpendicular a una línea vertical, cuyos puntos, todos comparten el mismo valor x. MATLAB es un programa de ordenador utilización técnica para e
Cómo crear una línea vertical en tu página web
Muchos sitios web dividen su contenido en columnas y los dividen con líneas verticales. A diferencia de una línea horizontal, que se puede insertar usando un "<hr>" código HTML estándar, las líneas verticales tienen que ser manipulado de u
Cómo crear una línea de tiempo de iWork
Si usted tiene información que desea presentar de una manera cronológica, se puede hacer una línea de tiempo en sus páginas utilizando Mac, uno de los programas de la suite iWork de aplicaciones. iWork de Apple incluye números, una aplicación de hoja
Cómo crear una línea de tiempo interactiva HTML
Una línea de tiempo es una manera útil de mostrar una lista de eventos en una página web, y una línea de tiempo interactiva ofrece a los usuarios un cierto control sobre el contenido de visualización. Si bien existen muchas maneras de crear una línea
Cómo crear una línea central en Pro / E
Pro / Engineer, más comúnmente conocida como Pro / E, es el programa de un equipo de ingeniería asistida (CAE) que se utiliza para modelar proyectos de ingeniería y realizar análisis tales como las pruebas de estrés simulado. Una de las característic
Cómo hacer una línea horizontal en Excel con texto en columnas
una hoja de cálculo moderna, como Microsoft Excel 2011, ofrece una opción para cada modificación que quiere hacer a la hoja de cálculo, lo que elimina la necesidad de improvisaciones. Una de estas modificaciones con una solución automática es la adic
Cómo crear una línea de tiempo en Microsoft Visio
Si es necesario crear una línea de tiempo para mostrar el estado de un proyecto para los negocios, para ilustrar una historia o libro de informes para la escuela o para ayudarle a programar el tiempo personal, Microsoft Office ofrece muchas aplicacio
Wikipedia es la enciclopedia en línea fácil de usar que permite a los lectores a crear y editar información. Una regla horizontal es una línea divisoria plana en un artículo de Wikipedia. Se puede utilizar una línea horizontal en un artículo para sep
Cómo crear una línea de tiempo horizontal
Microsoft Excel, PowerPoint y Word 2010 contienen plantillas de línea de tiempo, incluyendo líneas de tiempo horizontal. Una línea de tiempo horizontal muestra gráficos y texto conciso para representar proceso de un proyecto. Una línea de tiempo hori
Creación de una línea de tiempo en el equipo puede parecer abrumador. Sorprendentemente, no se necesita ningún software de lujo o conocimientos avanzados de informática. En su lugar, puede utilizar MS Word y algunas fotos o ilustraciones del período
Cómo crear una línea de tiempo en Visio
Microsoft Visio es un software que permite a los usuarios ilustran diversos tipos de información técnica, tales como diseños de suelos, procesos de flujo de trabajo, diagramas de flujo de datos y líneas de tiempo de varios tipos. Creación de una líne
Cómo agregar una línea horizontal a una página Web con Dreamweaver
Si es necesario insertar una regla horizontal para crear una ruptura temática en una página Web, puede hacerlo abriendo el menú Insertar y seleccionando Regla horizontal en Dreamweaver CC bajo Windows 8.1 o 7. Después de insertar una regla horizontal
Cómo crear una línea Panorama
Lo bueno de la creación de un panorama es que se puede tomar una serie de fotos del mismo lugar o evento y, a continuación, utilizando un programa de software libre, a continuación, puede unir esas imágenes juntas de una manera tal como para hacer qu
Cuando se trabaja en un ordenador, se necesita una imagen clara y estable. A veces la línea vertical se vuelve loco y su pantalla puede confundir, haciendo cosas difíciles de ver. monitores de Acer cuentan con controles que se ajustarán los valores d
Cómo crear una línea en Word que puede escribir en la cima de
Microsoft Word incluye herramientas que le permite crear formularios de entrada de usuario, que muchas personas utilizan para crear cuestionarios, encuestas o aplicaciones. El programa incluye varios tipos de controles de formulario, incluyendo lista
Cómo crear una línea de tiempo en Microsoft Office
La forma de presentar la información en un proyecto escolar, una presentación de trabajo o un proyecto de diversión familiar puede significar una gran diferencia en la determinación de lo que alguien se sale de ella. Una de las suites de presentación
Un divisor de línea es una manera clara de romper las secciones de texto. No se puede crear un divisor de línea en el modo editor de entradas visual de WordPress, ya que carece de una herramienta de edición visual para divisores de línea, pero se pue
Cuando usted está enseñando una clase de ciencias sociales, ya sea la historia o la antropología, a menudo es útil para proporcionar a sus estudiantes con las cartas conocidas como líneas de tiempo de cronologías. Estas líneas podrán proporcionar una
Dreamweaver 8 es un programa utilizado para crear sitios web. Dreamweaver proporciona a los desarrolladores una serie de funciones y características integradas que pueden utilizar para crear sus sitios web. Una de estas características es la caracter