Insertando parrafos y saltos de linea en nuestra pagina


Para dar formato a un texto con HTML se utilizan etiquetas, eso ya lo sabemos, pero ¿cuales son esas etiquetas? vamos de apoco, en esta lección aprenderemos a insertar parrafos y saltos de linea, dos etiquetas muy usadas en la creación de paginas web.

 

Código HTML: insertar parrafos

La etiqueta que se utiliza para insertar parrafos en HTML es <p></p>, vamos a abrir el archivo index.html de nuestra pagina web para probar esta etiqueta:

Ahora podemos ver mejor como se inserta el parrafo, siempre dentro de <body> y </body> por es parte del contenido visible y el texto que queremos hacer parrafo entre <p> y </p>, no hay mucha ciencia detrás de esto, ahora cambiamos de pestaña (estamos en código fuente, no lo olvides) a vista preliminar para ver como queda:

 

Código HTML: insertar saltos de linea

Para insertar saltos de linea en HTML utilizaremos la etiqueta <br /> (recuerda que hay que cerrar TODAS la etiquetas por mas que sean simples) ¿o no que es fácil?, al ejemplo anterior le insertaremos un salto de linea y un párrafo mas, de esta forma:

 

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

Como vemos en la imagen, hay un espacio entre un párrafo y otro, eso es el salto de linea que acabamos de insertar.

Bien, ya sabes crear párrafos y saltos de linea, ¡bastante bien para ser un principiante! dentro de poco harás webs mejores que esta, eso te lo aseguro jeje ;)

 

Siguiente lección: crear enlaces con HTML



Si tienes alguna duda puedes entrar al foro (http://www.comocrearunsitioweb.com/foro) para que te ayudemos entre todos.



Curso de www.comocrearunsitioweb.com