Crear una línea horizontal en html

Este tutorial le enseñará cómo crear una línea horizontal en HTML. Se puede usar una línea horizontal para separar el contenido de su sitio web. El código para crear una regla es bastante simple. Puede agregar código en línea en HTML 4.01 para dar forma a tu línea. En HTML5 usas CSS para dar forma a tu línea.

Pasos

Método 1 de 2:HTML 4.01

Imagen titulada 658928 1 1
1. Abrir o crear un nuevo documento HTML. Los documentos HTML se pueden editar con un editor de texto como el Bloc de notas. También puede usar un editor de código como Adobe Dreamweaver. Utilice los siguientes pasos para abrir un documento HTML en el programa de su elección:
  • Abra el Bloc de notas o cualquier editor de texto/editor de código de su elección.
  • Haga clic en el menú Archivo.
  • haga clic en Abrir.
  • Elija un archivo HTML.
  • haga clic en Abrir.
Imagen titulada 658928 2 1
2. Seleccione el punto donde desea insertar la línea. Desplácese hacia abajo hasta la línea sobre la que desea insertar la línea, luego haga clic en el extremo izquierdo de la línea para colocar el cursor directamente en frente del inicio de la línea.
Imagen titulada 658928 3 1
3. Crea un espacio vacío. Presione dos veces ↵ Enter para mover hacia abajo el texto sobre el cual desea ingresar la línea, y mueva el cursor al espacio vacío.
Imagen titulada 658928 4 1
4. agrega la etiqueta " escribe en el espacio antes del comienzo de la línea. la etiqueta crea una línea horizontal a lo largo de toda la página.
Imagen titulada 658928 5 1
5. Mueva la línea de la etiqueta `hr` a una nueva línea. imprenta ↵ Entrar para hacer esto. En este punto, la etiqueta debe pararse en su propia línea.
Imagen titulada 658928 6 1
6. Agregar atributos a la línea horizontal (opcional). Puede agregar atributos a una línea horizontal, como longitud, ancho, color y alineación. Use los siguientes códigos después de `hr` en los paréntesis de código. Puede agregar más de un atributo separándolos con un espacio.
  • escribe para cambiar el grosor de la línea. Reemplace # con el grosor (p. ej. tamaño ="10").
  • escribe para cambiar el ancho de la línea.Reemplace # con el ancho en píxeles o el porcentaje del ancho de la página (por ejemplo,. ancho ="200", o ancho ="75%").
  • escribe para cambiar el color de la línea. Reemplace # con el nombre del color o un código hexadecimal (p. ej. color="rojo" o color="#FF0000")
  • escribe para alinear la línea.Reemplazar con "derecho", "izquierda" o "centrar" (p.ej. ).
    Imagen titulada 658928 7 1
    7. Guarde su archivo HTML. Para guardar un archivo de texto como un documento HTML, debe especificar la extensión del archivo (.texto o .docx) reemplazado por `.html`. Siga estos pasos para guardar su documento HTML:
  • Haga clic en el menú Archivo.
  • haga clic en Guardar como.
  • Escriba un nombre para el archivo, junto a "`Nombre del archivo`".
  • escribe .html al final del nombre del archivo.
  • haga clic en Ahorrar.
    Imagen titulada 658928 8 1
    8. Prueba tu HTML. Si desea probar su archivo HTML, haga clic derecho en el archivo y seleccione Abrir con. A continuación, seleccione un navegador web. Debería aparecer una línea sólida donde colocó la etiqueta `HR`. El código HTML se parece a esto:

    Método 2 de 2: CSS/HTML5

    Imagen titulada 658928 9 1
    1. Abrir o crear un nuevo documento HTML. Los documentos HTML se pueden editar con un editor de texto como el Bloc de notas. También puede usar un editor de código como Adobe Dreamweaver. Siga estos pasos para abrir un documento HTML en el programa de su elección:
  • Abra el Bloc de notas, o cualquier otro editor de texto/editor de código de su elección.
  • Haga clic en el menú Archivo.
  • haga clic en Abrir.
  • Elija un archivo HTML.
  • haga clic en Abrir
  • Imagen titulada 658928 10 1
    2. Agregue un encabezado a su documento HTML. Si su documento HTML aún no tiene un título, use los siguientes pasos para agregar un título. El titular viene después del "
  • escribe en la parte superior del documento.
  • Presione dos veces ↵ Enter para agregar dos nuevas líneas.
  • escribe cerrar la cabeza.
    Imagen titulada 658928 11 1
    3. escribe En la copa.La etiqueta de formato se encuentra entre las dos etiquetas de encabezado.Esto le dará un lugar para ingresar el código CSS para formatear su HTML.
  • También puede utilizar una hoja de estilo externa. leer "Cómo agregar un archivo CSS a HTML" para obtener más información sobre cómo vincular un archivo CSS externo a su archivo HTML.
    Imagen titulada 658928 12 1
  • 4. escribe hora {.Esta es la etiqueta CSS para formatear su línea horizontal.Colóquelo después de la etiqueta de estilo en la sección principal o en su archivo CSS externo.
    Imagen titulada 658928 13 1
    5. Agregue estilos CSS a su "Colocas esto detrás de la etiqueta "hora {".Hay muchas maneras de dar formato a una línea horizontal.Los siguientes son algunos ejemplos.
  • escribe ancho: ##px; para establecer el ancho. Reemplace ## con el ancho de la línea en número de píxeles. También puede especificar un porcentaje (%) en lugar de píxeles (px).
  • escribe altura: ##px; para indicar el grosor de la línea. Reemplace ## con la cantidad de píxeles que la línea debe ser gruesa.
  • escribe color de fondo: ##; para indicar el color de la línea. Reemplace ## con el nombre del color, o con un hash (#) seguido de un código de color hexadecimal.
  • escribe margen derecho: ##px; para indicar el número de píxeles desde la derecha.Reemplace ## con el número de píxeles o "carro".escribe "carro" para alinear o centrar la línea a la izquierda.
  • escribe margen izquierdo: ##px; para indicar el número de píxeles desde el borde izquierdo.Reemplace ## con el número de píxeles o "carro".escribe "carro" para alinear a la derecha o centrar la línea.
  • escribe margen superior: ##px; para especificar un margen superior para la línea. Reemplace ## con el grosor de la línea en píxeles.
  • Escribe margen inferior: ##px; para especificar un margen inferior para la línea. Reemplace ## con el grosor de la línea en píxeles.
  • escribe ancho del borde: ##px; para crear un borde alrededor de la línea (opcional). Reemplace ## con el grosor del borde en píxeles.
  • escribe color del borde: ##; para indicar el color del borde alrededor de la línea (opcional).Reemplace ## con el nombre del color, o un hash (#) seguido de un código de color hexadecimal.
    Imagen titulada 658928 14 1
  • 6. escribe } después de la configuración de estilo. Cierra la configuración de estilo para el
    Imagen titulada 658928 15 1
    7. escribe en cualquier parte del cuerpo de su documento HTML.Agrega una línea horizontal a su documento HTML.Su configuración de estilo CSS se aplica cuando usa el

    Оцените, пожалуйста статью