• 1. Diseño de Páginas Webcon HTMLFormato Básico del TextoSaltos de renglón y Definición de Párrafos
  • 2. El flujo del texto en HTMLEn 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 detexto plano:Hoy es 9 de agosto del 2012Es 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 encuenta el “enter” o salto de renglón quepusimos entre las oraciones.
  • 6. Para que el navegador sepa que queremos hacer unsalto 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 unsalto 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 estaetiqueta, ya que se cierra ensi misma
  • 8. Para que el navegador sepa que queremos hacer unsalto 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 laetiqueta <p> La usaremos para definir los párrafos en textos máslargos. Por Ejemplo:<p>El paracaidista austríaco FelixBaumgartner logró romper la barrera delsonido en caída libre.</p><p>Saltó desde 39.000 metros de alturasobre el suelo de Nuevo México EstadosUnidos).</p>
  • 11. Otra forma de separar partes del texto es mediante laetiqueta <p> La usaremos para definir los párrafos en textos máslargos. Por Ejemplo:<p>El paracaidista austríaco FelixBaumgartner logró romper la barrera delsonido en caída libre.</p><p>Saltó desde 39.000 metros de alturasobre el suelo de Nuevo México EstadosUnidos).</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 espacioentre los párrafos que forma.
  • 14. Otra forma de organizar este texto podría serusando una etiqueta <br /> en uno de lospárrafos de esta forma:<p>El paracaidista austríaco FelixBaumgartner logró romper la barrera delsonido en caída libre.</p><p>Saltó desde 39.000 metros dealtura.<br />Fue sobre el suelo de Nuevo MéxicoEstados 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ónen cualquier parte del texto, incluso dentro depárrafos.• <p> nos permite generar párrafos o secciones detexto separadas por un espacio
  • 18. Taller de Informática – 2º año2012 Liceo Nº4 MeloDocente: Luis Sebastián de los Angeles
    Please download to view
  • All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
    ...

    Diseño de páginas web - Saltos de renglón y Párrafos

    by sebastian-de-los-angeles

    on

    Report

    Category:

    Documents

    Download: 0

    Comment: 0

    226

    views

    Comments

    Description

    Download Diseño de páginas web - Saltos de renglón y Párrafos

    Transcript

    • 1. Diseño de Páginas Webcon HTMLFormato Básico del TextoSaltos de renglón y Definición de Párrafos
  • 2. El flujo del texto en HTMLEn 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 detexto plano:Hoy es 9 de agosto del 2012Es 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 encuenta el “enter” o salto de renglón quepusimos entre las oraciones.
  • 6. Para que el navegador sepa que queremos hacer unsalto 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 unsalto 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 estaetiqueta, ya que se cierra ensi misma
  • 8. Para que el navegador sepa que queremos hacer unsalto 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 laetiqueta <p> La usaremos para definir los párrafos en textos máslargos. Por Ejemplo:<p>El paracaidista austríaco FelixBaumgartner logró romper la barrera delsonido en caída libre.</p><p>Saltó desde 39.000 metros de alturasobre el suelo de Nuevo México EstadosUnidos).</p>
  • 11. Otra forma de separar partes del texto es mediante laetiqueta <p> La usaremos para definir los párrafos en textos máslargos. Por Ejemplo:<p>El paracaidista austríaco FelixBaumgartner logró romper la barrera delsonido en caída libre.</p><p>Saltó desde 39.000 metros de alturasobre el suelo de Nuevo México EstadosUnidos).</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 espacioentre los párrafos que forma.
  • 14. Otra forma de organizar este texto podría serusando una etiqueta <br /> en uno de lospárrafos de esta forma:<p>El paracaidista austríaco FelixBaumgartner logró romper la barrera delsonido en caída libre.</p><p>Saltó desde 39.000 metros dealtura.<br />Fue sobre el suelo de Nuevo MéxicoEstados 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ónen cualquier parte del texto, incluso dentro depárrafos.• <p> nos permite generar párrafos o secciones detexto separadas por un espacio
  • 18. Taller de Informática – 2º año2012 Liceo Nº4 MeloDocente: Luis Sebastián de los Angeles
  • Fly UP