diseño de páginas web - saltos de renglón y párrafos

Diseño de Páginas Webcon HTML

Formato Básico del TextoSaltos de renglón y Definición de Párrafos

El flujo del texto en HTML

En el procesador de textos es normal usar la tecla “enter” para trabajar en el siguiente renglón.

Pero en HTML esto no funciona igual.Si, por ejemplo, nuestro texto es así en el

editor de texto plano:

Hoy es 9 de agosto del 2012Es un día muy agradable

El navegador lo va a mostrar asi:

El navegador lo va a mostrar asi:

Como puedes ver, el navegador no tuvo en cuenta el “enter” o salto de

renglón que pusimos entre las oraciones.

Para que el navegador sepa que queremos hacer un salto de renglón usaremos la etiqueta <br />

Hoy es 9 de agosto del 2012 <br />Es un día muy agradable

Para que el navegador sepa que queremos hacer un salto de renglón usaremos la etiqueta <br />

Hoy es 9 de agosto del 2012 <br />Es un día muy agradable

No es necesario cerrar esta etiqueta, ya que se

cierra en si misma

Para que el navegador sepa que queremos hacer un salto de renglón usaremos la etiqueta <br />

Hoy es 9 de agosto del 2012 <br />Es un día muy agradable

“br” viene de “break” que en inglés significa

“romper”

Ahora sí el navegador reconoce que hay un salto de renglón en esa parte del texto.

Otra forma de separar partes del texto es mediante la etiqueta <p>

La usaremos para definir los párrafos en textos más largos.

Por Ejemplo:

<p>El paracaidista austríaco Felix Baumgartner logró romper la barrera del sonido en caída libre.</p><p>Saltó desde 39.000 metros de altura sobre el suelo de Nuevo México Estados Unidos).</p>

Otra forma de separar partes del texto es mediante la etiqueta <p>

La usaremos para definir los párrafos en textos más largos.

Por Ejemplo:

<p>El paracaidista austríaco Felix Baumgartner logró romper la barrera del sonido en caída libre.</p><p>Saltó desde 39.000 metros de altura sobre el suelo de Nuevo México Estados Unidos).</p>“p” viene de “paragraph”

que en inglés significa “párrafo”

Se muestra de esta manera en el navegador:

Se muestra de esta manera en el navegador:

Además de un salto de renglón, la etiqueta <p> añade un espacio

entre los párrafos que forma.

Otra forma de organizar este texto podría ser usando una etiqueta <br /> en uno de los párrafos de esta forma:

<p>El paracaidista austríaco Felix Baumgartner logró romper la barrera del sonido en caída libre.</p><p>Saltó desde 39.000 metros de altura.<br />Fue sobre el suelo de Nuevo México Estados Unidos).</p>

Y de esta forma obtenemos esta página:

Y de esta forma obtenemos:

La etiqueta <br /> genera un salto de renglón dentro de un mismo

párrafo

Podemos Concluir Que:

•<br /> nos permite generar saltos de renglón en cualquier parte del texto, incluso dentro de párrafos.

•<p> nos permite generar párrafos o secciones de texto separadas por un espacio

Taller de Informática – 2º año 2012

Liceo Nº4 Melo

Docente: Luis Sebastián de los Angeles