Como Poner Una Linea en Html


Cómo poner una línea en HTML

Paso 1: Usa el etiqueta < strong>


Esta etiqueta codifica la línea horizontal almacenando la información que le indica al navegador cómo desplegar la línea.

Paso 2: Agrega un atributo de ancho width = «XX%»

Estableciendo el áncho de la línea horizontal, sólo afectará a su tamaño. Puede ser cualquiera entre 0 (cero) y 100 (cien) . Si desea una línea realmente grande, use la opción 100. El porcentaje se refiere al ancho de la ventana del navegador en la que se muestra. En la siguiente ejemplo, la línea tendría el ancho del 50% de la ventana: < strong>


Paso 3: Utiliza un atributo de alto size = «XX»

Estableciendo el tamaño de la línea horizontal, cambiara su grosor. Puede ser cualquier cifra entre 0 (cero) y 20 (veinte). En la siguiente ejemplo, la línea tendría el grosor de 3:


Paso 4: Agrega el atributo align

  • La etiqueta align se refiere a la alineación de la línea. Puede ser cualquiera de las siguientes opciones:
    • izquierda
    • derecha
    • centro

La sintaxis se ve como esta:


Paso 5: Combinar todos los atributos

Puede combinar todos estos atributos para crear la línea horizontal que deses según sus preferencias. Por ejemplo, si desea una línea horizontal que ocupe el 50% del ancho de la ventana del navegador, con el grosor de 3 y centrada, puede usar esta etiqueta:


¿Cómo poner una línea en HTML y CSS?

Para situar la línea en una posición determinada, se deben utilizar las propiedades margin-left y margin-right, sin utilizar la propiedad width. Los valores de estas propiedades se pueden expresar como distancias o como porcentajes.

En HTML, se puede crear una línea simple con la etiqueta “hr”:


En CSS se usa la propiedad CSS «border» para definir el grosor, la apariencia y el color de la línea:

hr {
border: 1px solid #000;
}

¿Cómo poner una línea negra en HTML?

Para obtener en HTML un salto de línea simple podemos usar la etiqueta
, (break=romper), que no posee etiqueta pareja de cierre. Por ejemplo, con: Esta es una línea de texto.

Esta es otra línea de texto.

¿Cómo hacer una barra en HTML?

Para insertar una barra de navegación en HTML debemos utilizar la etiqueta