Teoría
Teoría

Párrafos

En los ejercicios anteriores conociste las etiquetas necesarias para crear una página HTML sencilla y algunas etiquetas auxiliares que no se muestran en el navegador.

En esta parte vamos a trabajar con etiquetas para marcar texto. Todas se usan dentro de la etiqueta <body>.

Empecemos por la más simple: <p>, la etiqueta con la que se crean los párrafos. Por defecto, cada párrafo comienza en una línea nueva y deja un espacio vertical alrededor, que luego se puede ajustar con estilos.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Párrafos</title> <link rel="stylesheet" href="style.css"> </head> <body> <p>Un párrafo es una parte del texto formada por varias oraciones.</p> Un párrafo sirve para agrupar unidades homogéneas del texto. Para destacar un párrafo, normalmente se usa una sangría. Así son los párrafos. </body> </html>

CSS

p { margin-top: 24px; margin-bottom: 24px; }

ObjetivosRealizado

Marca tres párrafos más con la etiqueta <p>:

«Un párrafo sirve para agrupar unidades homogéneas del texto.»
«Para destacar un párrafo, normalmente se usa una sangría.»
«Así son los párrafos.»