InicioCrear web desde cero › Insertando parrafos y saltos de linea en nuestra pagina

Insertando parrafos y saltos de linea en nuestra pagina

En esta lección aprenderemos las etiquetas basicas de HTML, para insertar parrafos y saltos de linea.

Tabla de contenido (26 lecciones)
  1. 1. Introducción
  2. 2. Descargar e instalar NVU
  3. 3. Configurar NVU
  4. 4. Conceptos básicos de HTML
  1. 5. Creando la pagina inicial
  2. 6. Insertando parrafos y saltos de linea en nuestra pagina (actual)
  3. 7. Crear enlaces con HTML
  4. 8. Insertar imagen con HTML

Código HTML: insertar parrafos

La etiqueta que se utiliza para insertar parrafos en HTML es:

<p>

y finalizar el párrafo:

</p>

Ahora vamos a abrir el archivo index.html de nuestra pagina web para probar esta etiqueta:

En la lección de conceptos básicos de HTML vimos que cuaquier tipo de contenido visible debe ir dentro de las etiquetas "<body>" y "</body>", entonces para agregar un párrafo lo haremos así:

<html>
<head><title>Mi primer pagina Web</title></head>
<body>
<p>Este es mi primer párrafo</p>
</body>
</html>

 

Código HTML: insertar saltos de linea

Para insertar saltos de linea en HTML utilizaremos la etiqueta:

<br />

¿o no que es fácil? jeje, al ejemplo anterior le insertaremos un salto de linea y un párrafo mas, de esta forma:

<html>
<head><title>Mi primer pagina Web</title></head>
<body>
<p>Este es mi primer párrafo</p>
<br />
<p>Creado gracias a CCUSW</p>
</body>
</html>

 

 Tan simple como eso, y ahora si lo vemos en vista preliminar quedaría así:

Bien, ya sabes crear párrafos y saltos de linea, ¡Pronto tendrás tu primer pagina web terminada! y harás webs mejores que esta, eso te lo aseguro jeje ;)

 

Siguiente lección: crear enlaces con HTML