Diseño de páginas web - Saltos de renglón y Párrafos
-
Upload
sebastian-de-los-angeles -
Category
Documents
-
view
232 -
download
0
Transcript of 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