Lecciones: parte I II

Descargar e instalar NVU | Configurando NVU | Comenzando con HTML | Creando la primera pagina web | Nuestro primer parrafo y salto de linea | Crear enlaces con HTML | insertar nuestra primer imagen | Estilos CSS | Poner fondo con CSS
Imprimir

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



Mira el video de esta lección

(Nota: para ver mejor el video, activar la opción HD y mirar en pantalla completa)


Insertando parrafos y saltos de linea - Lección 5 - ComoCrearUnSitioWeb.com from Lucas Muñoz on Vimeo.



¿Que puntuación le darías a este tutorial?


Si tienes alguna duda puedes entrar al foro y registrarte para que te ayudemos entre todos.