viernes, 18 de septiembre de 2015

Parrafos y Titulos

Hola que tal programadores!!
El dia de hoy vamos a ver como colocar parrafos y Titulos y sus caracteristicas de estos. Es muy sencillo, es por eso que junte los temas

Recuerden que al final pueden descargar la sesion del tema que se este viendo.

PARRAFO

Los parrafos se colocan dentro de la etiqueta:
<p>Ejemplo de un parrafo</p>
<p>Otro ejemplo de un parrafo</p>

Hay que tomar en cuenta que esta etiqueta no lee los "enter" dentro del codigo HTML. Veamos el ejemplo:



**********************   Resultado **********************





Pero si deseamos que mantenga el formato con "enter" y espacios, tenemos dos opciones :
1. Utilizar la etiqueta <br> para colocar "enter"
2. Utilizar la etiqueta <pre> para mantener el formato

Veamos un ejemplo en donde utilicemos esas dos opciones:

 **********************   Resultado **********************

 
TITULOS (Encabezados)

 Los titulos se caracterizan por presentarse con tipo de letra bold, y en algunas ocasiones es mas grande.

Para colocar titulos predeterminados en HTML utilizaremos las siguientes etiquetas:
  • <h1> Titulo 1 </h1>
  • <h2> Titulo 2 </h2>
  • <h3> Titulo 3 </h3>
  • <h4> Titulo 4 </h4>
  • <h5> Titulo 5 </h5>
  • <h6> Titulo 6 </h6>   
Tambien en ocasiones Visualizamos una linea debajo del titulo. Esta la pondremos con la etiqueta <hr>

Tomando en cuenta lo anterior, la etiqueta <h1> es el titulo mas grande y la etiqueta <h6> es el mas pequeño. Veamos el ejemplo:






 **********************   Resultado **********************
 

Si quieren descargar los ejemplos den click en la siguiente imagen:


http://www.mediafire.com/download/wr5a9h19qa9svef/ParrafosTitulos.rar



Hemos llegado al final de este tema, Se que son temas muy sencillos, pero son muy utiles. Mas adelante entraremos a HTML5 pero es importante primero conocer la base.


SI TIENEN ALGUNA DUDA COMENTEN !!
Siganos en FACEBOOK y TWITTER para que esten pendientes de nuestros proximos temas
Hasta la proxima !! B-)

No hay comentarios.:

Publicar un comentario

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *