jueves, noviembre 25, 2004

Marcas de párrafo y bloque

Las marcas de párrafo y bloque son las que nos permiten formatear el texto para hacerlo más legible. Veamos las marcas más habituales para manejar párrafos, líneas y bloques:

<p> </p> Esta etiqueta se utiliza para indicar que el texto que se incluye es un párrafo de texto normal. El finalizador es opcional; en caso de no existir finalizador, los exploradores asumen que el párrafo acaba, en el momento en que encuentran el inicio del párrafo siguiente. Cuando se acaba un bloque del tipo párrafo, se inserta automáticamente un salto de línea (es como un punto y aparte). Dentro de la marca <p>, podemos indicar la alineación que vamos a asignar al párrafo con la propiedad align:

<BR> Una de las primeras cosas que comprobamos al hacer una página, es que el navegador no respeta los saltos de línea que hemos incluído en el texto original en forma de "INTRO"; sino que hace un salto de línea automático, cuando nuestro texto llega al límite derecho de la ventana. Pues bien, la etiqueta <BR> tiene como misión, forzar al navegador a hacer un salto de línea en el punto donde incluyamos dicha etiqueta. Esta etiqueta no necesita finalizador, no hay que poner </BR>.

<DIV> podemos delimitar bloques y capas dentro de las páginas. Soporta el atributo align de forma similar a <P>: ALIGN=LEFT ALIGN=RIGHT y ALIGN=CENTER. De momento, no le hacemos mucho caso, lo estudiaremos en detalle cuando estudiemos las hojas de estilo (CSS). Ejemplo de utilización de DIV: <DIV ALIGN=Center> Texto de prueba </DIV> Fíjate en que aquí sí se utiliza el cierre </DIV>.

<SPAN> es casi igual que <DIV> pero no admite atributos de alineado, y no produce separación de párrafo ni de línea es <SPAN>. En realidad, de forma directa no sirve para nada, y ha sido creado para aplicar en las hojas de estilo.

<BLOCKQUOTE> que sirve para presentar párrafos tabulados. Habitualmente se utiliza cuando se incluyen citas de otros autores.

<HR> (por Horizontal Rule) que nos coloca una línea horizontal. Al igual que al texto, se le puede incluir un parámetro de color, pero no funciona en todos los navegadores. También se puede cambiar su apariencia añadiéndole el atributo <NOSHADE> para que no ponga sombra a la línea. El elemento <HR> admite dos parámetros: WIDTH y SIZE. El primero define el ancho de la línea y el segundo su grosor. No es obligado usar los dos a la vez.Por ejemplo: <HR WIDTH=400 SIZE=5>. El valor del atributo WIDTH se puede expresar, como en el ejemplo anterior, en número de puntos (píxels), o en tantos por ciento referidos al ancho total de la ventana. Así: <HR WIDTH=80% SIZE=5>

Ejercicio: Crea una página con seis chistes en la que utilices todos las etiquetas comentadas con anterioridad salvo SPAN. Súbela a la carpeta del servidor FTP y deja en los comentarios un enlace a dicha página.

3 comentarios:

Anónimo dijo...

www.configuracionesintegrales.com/formacion/web/rosamariagonzalez/chistes.htm

Anónimo dijo...

La página web de chistes de Juan Pedro.
Un saludo.

Anónimo dijo...

www.configuracionesintegrales.com/formacion/web/julian/ventas.htm