jueves, 23 de mayo de 2019

Párrafos HTML - Etiqueta

[Sintaxis - Ejemplos - Ejercicios]

Párrafos HTML - Etiqueta <p>

HTML 5 párrafos

Para escribir un simple párrafo en HTML solo tenemos que hacer uso de la etiqueta <p></p>.


Ejemplo de párrafos HTML

<body>
 
 <p>Esto es un párrafo.</p>
 <p>Y este es otro.</p>

</body>

Resultado del ejemplo
párrafo html
Fíjate como el navegador deja por defecto un espacio entre párrafo y párrafo.
Si tu párrafo ocupa varias líneas, quedará así:
<body>
 
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Fusce dictum sed neque vel blandit. Integer finibus tristique elit.
    Curabitur ac erat nec mi dapibus aliquet.</p>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Fusce dictum sed neque vel blandit. Integer finibus tristique elit.
    Curabitur ac erat nec mi dapibus aliquet.</p>

</body>

Resultado del ejemplo
etiqueta <p> html
Haz click en la imagen para agrandarla.
Pese a no haber dejado ningún espacio entre los párrafos, el navegador genera el texto con ellos. También, cada párrafo tiene tres líneas en el código, pero en el navegador solo dos, esto es porque los párrafos se adaptan al tamaño de las pantallas.

Mira esta imagen, así es como se ve el mismo código interpretado en una pantalla de movil, en este caso, un Iphone X.
iphone x navegador resolucion
En capítulos posteriores veremos las etiquetas <br> para hacer saltos de línea y <pre> para poder formatear el texto a nuestro gusto.

Ejercicios prácticos

1- Crea una página con 3 párrafos.
2- Escribe un texto sin etiquetas dentro del <body></body> y observa lo que pasa.

0 comentarios:

Publicar un comentario

Si te a gustado o necesitas ayuda, tus comentarios son agradecidos :D