Lineas de separación en HTML

14/ene/2007 HTML 15 Comentarios
html

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:

  1.  
  2. Texto del párrafo uno
  3. Texto del párrafo dos
  4.  
  5. </body>
  6. </html>

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...

Vídeos sobre

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

15 comentarios en “Lineas de separación en HTML”

Víctor Cuervo

Mary angel

Hola como estan no me sirvio de mucho pero creo que hicieron todo lo posible por haber hecho o buscado ese codigo bay

Víctor Cuervo

Belcebu

Pues para las personas que dieron un comentario negativo, Si no buscaba esto que acian aquí
poes como dice aqui vuestro amigo, todos fuimos newbie en esto, asi que mucha gente esta interesada en este articulo.

Muy Buena pagina

Víctor Cuervo

Fernando

Pues vhakti , a mi sí que me sirvió!! no pienses sólo en tí, en la red habemos muuuuuuuuuuuuuuuchos más 😉

un saludo y gracias por la ayuda

Víctor Cuervo

Víctor Cuervo

@Fernando,

Nos alegra mucho. Intentamos ayudar sobre todos a la gente que va empezando. 😀

Víctor Cuervo

Fernando

¡A mi me sirvió mucho! o.ó!!! .. Los que empezamos también necesitamos ayuda.. Gracias!!

Víctor Cuervo

Manuel Rodríguez Aira

¡Hola! Enhorabuena por tu página, he publicado un blog, http://biologiasmercedes.blogspot.com, recientemente he modificado la plantilla pero queda una línea muy fea (que estaba en la plantilla original) debajo de las pestañas (inicio, etc.) que no consigo modificar ¿Sería mucho pedir que visitaras el blog y me orientaras sobre qué codigo debo buscar? Gracias.

Víctor Cuervo

WALTER

A MI ME SIRVIO MUCHO!.. GRACIAS.. xD!!

Víctor Cuervo

mereee

mmm… ps ola… nesezitho ayuda… me mandaron a escribir a mano 60 lineas de codigo HTML… mmm no se quales son esas…. alguien me puede decir cuales son las lineas de codigos qe debo ponerrrr??? :s

Víctor Cuervo

Julieta

a mi me sirvio muchoo ¬¬

gracias 😀

Víctor Cuervo

qwetr567456

Pues hay que estar aburrido para opinar sobre un articulo que no te dice nada… asi que mas “chorrada” “chimbada” e inutil me parece tu opinion.
Yo por que me aburro ahora mismo.. xD

Víctor Cuervo

julian

que chimbada tan maluca.Mas bien pongasen a trabajar en serio

Víctor Cuervo

antonio

Sin este articulo, no hubiese encontrado como cojones se ponia una linea en html en menos de 2segundos, vhakti, o tu cerebro es muy grane o no debe tener muchas cosas dentro.

Víctor Cuervo

milton

ok tambien recuerdo que era uno de ellos, gracias..

Víctor Cuervo

lineadecodigo

vhakti, piensa que tu, igual que yo, en algún momentos fuimos neófitos del HTML. Y seguro que en algún momento nos preguntamos como poner una línea.

Ahora este artículo nos puede parecer demasiado evidente y quizás, hasta inútil. Pero te aseguro que a la gente que empieza le puede servir de mucha ayuda.

Pensemos en esta gente.

Víctor Cuervo

vhakti

que chorrada este articulo..esto es para neofitos bah

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*