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. ). 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. 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
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
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.
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.
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.
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.
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.
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.
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:
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
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:
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. 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. 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.
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.
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.
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.
6. escribe } después de la configuración de estilo. Cierra la configuración de estilo para el
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
Artículos sobre el tema. "Crear una línea horizontal en html"
Оцените, пожалуйста статью
Popular