espaciador
Tutorial gratuito online en castellanoEstás en: HTML» Índice Tutorial » Lección 8: Párrafo

espaciadorTutorial de HTML

Lección anterior » Lección Siguiente

8.- El Párrafo - etiqueta <p>

La etiqueta <p></p> indica párrafo. La alineación de éste la definiremos con el parámetro align. Sus valores son:

  • left: alineación a la izquierda
  • right: alineación a la derecha
  • center: alineación al centro
  • justify: alineación justificada.

Ejemplos:

En el editor de textos En el navegador se verá:
<p align=left>Este párrafo de texto está justificado a la izquierda</p>

Este párrafo de texto está justificado a la izquierda.

<p align=right>Este párrafo de texto está justificado a la derecha.</p>

Este párrafo de texto está justificado a la derecha.

<p align=center>Este párrafo de texto está justificado al centro </p> Este párrafo de texto está justificado al centro.
<p align=justify>Este párrafo, algo más largo que los anteriores, para que se pueda apreciar el efecto, está justificado al centro. </p>

Este párrafo, algo más largo que los anteriores, para que se pueda apreciar el efecto, está justificado al centro.

 

En HTML sólo se reconoce un espacio entre palabra y palabra, el resto de los espacios son ignorados por el navegador. Tampoco se respetan las tabulaciones, retornos de carro, etc... Por lo tanto, si necesitamos obligar al navegador a visualizar el texto tal y como está escrito necesitaremos enmarcarlo con la etiqueta <pre></pre>. Ver capítulo dedicado a esta etiqueta.

Para indicar los saltos de linea se utiliza la etiqueta <br>

Para los cambios de parrafo se utiliza la etiqueta <p> (en este caso no es necesario cerrarla)

Ejemplo:

En el editor de textos En el navegador se verá:
Este es un ejemplo de <br>salto de línea y <p>de párrafo Este es un ejemplo de
salto de línea y

de párrafo


logo distrito web


powered by FreeFind

¿Quieres ganar dinero con tu Blog o página web?

 

 
 

Ejercicio 6

Copia el código siguiente en el editor de textos y observa su apariencia en el navegador. (No caigas en la tentación de cortar y pegar el ejemplo; escríbelo tú mismo para practicar)

<html>
<head><title>Mi página web </title></head>
<body bgcolor="#0D5C94" text="#FFFFFF">
<p align=left>Este párrafo de texto está justificado a la izquierda</p>
<br>
<p align=right>
Este párrafo de texto está justificado a la derecha.</p>
<br>

<p align=center>
Este párrafo de texto está justificado al centro </p>
</body>
</html>

Este será el resultado:

Este párrafo de texto está justificado a la izquierda


Este párrafo de texto está justificado a la derecha.


Este párrafo de texto está justificado al centro

Anterior Indice Tutorial HTML Siguiente

Estadisticas de visitas