1. Diseño de Páginas Web
con HTML
Formato Básico del Texto
Saltos de renglón y Definición de Párrafos

2. El flujo del texto en HTML
En el procesador de textos es normal usar la tecla
“enter” para trabajar en el siguiente renglón.

3. 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 2012
Es un día muy agradable

4. El navegador lo va a mostrar asi:

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

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

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

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

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

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

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

12. Se muestra de esta manera en el navegador:

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

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

15. Y de esta forma obtenemos esta página:

16. Y de esta forma obtenemos:
La etiqueta <br /> genera un salto de
renglón dentro de un mismo párrafo

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

18. Taller de Informática – 2º año
2012
Liceo Nº4
Melo
Docente: Luis Sebastián de los Angeles