Artículos
HTML

Lineas de separación en HTML

14/Ene/2007

Seguro que muchas veces has entrado en una web y has visto que se utilizan líneas para separar los párrafos de texto. Algunas veces no dejan de ser simples líneas de un color uniforme, normalmente gris, pero otras veces llegan a ser verdaderas obras de arte.

Para poder ponerlas en nuestra web no hace falta que utilicemos imágenes pre-diseñadas por algún software gráfico. Tenemos una forma más sencilla para llevarlo a cabo.

Para poder hacer esto el lenguaje HTML nos proporciona la etiqueta HR. El mero hecho de poner esta etiqueta en una página hace que ya nos aparezca una línea de separación entre párrafos.

Veamos como sería una página HTML utilizando esto:




Texto del párrafo uno

Texto del párrafo dos

Si lo cargamos en nuestro navegador veremos que aparece una línea entre los dos párrafos. Esta línea ocupa, normalmente, de un lado a otro de la página.

Si queremos modificar las propiedades de la línea de separación HR el lenguajeHTML nos daba (y digo daba) un conjunto de atributos: width, noshade, size,… Pero todos ellos han quedado obsoletos dentro de la especificación. Ahora, para modificar su visualización, deberemos de utilizar las hojas de estilo CSS. Pero esto lo dejaremos para otro día…

Código Fuente

Descárgate el código fuente de Lineas de separación en HTML
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Suscribir
Notificar de
guest
16 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios