Etiquetas para Edición de Texto

Hola que tal programadores !!

En el tema de hoy veremos algunas etiquetas para modificar un texto por ejemplo con la fuente, el tamaño, el color, etc etc...

Pero antes si no tienen conocimiento sobre la estructura básica les recomiendo visitar el siguiente link:

• INTRODUCCIÓN - Estructura Básica en HTML

Comencemos :

Una de las etiquetas mas importantes y comunes para poder modificar el tamaño del texto son las etiquetas <h1></h1>....hasta .... <h6></h6>  en donde , mientras el numero del lado derecho de la 'h' si es mas grande la letra es mas chica veamos como se comporta cada uno:

<h1>

       La etiqueta H1 Se utiliza para escribir titulos 

</h1>

<h2>

       La etiqueta H2 Se utiliza para subtitulos

</h2>

Como nos damos cuenta mientras sea mas grande el numero la letra es mas pequeña, esta etiqueta llega hasta el numero 6 

<h3>               <h4>                   <h5>                    <h6>

</h3>              </h4>                  </h5>                   </h6>

EJEMPLO UTILIZANDO CADA UNA DE LAS ETIQUETAS ANTERIORES

y lo que obtendremos si lo abrimos en un navegador seria lo siguiente:

Sigamos con la siguiente etiqueta que tenemos que aprender

<font>

Esta etiqueta si la traducimos al español es fuente, quiere decir que podrán poner el tipo de letra que gusten, tambien colocarle un color, el tamaño de letra, etc.

</font> También esta etiqueta tiene una etiqueta de cierre

Para esta etiqueta realizaremos un ejemplo con las siguientes modificaciones a cualquier texto :

•  TIpo de letra :  Le colocaremos letra Comic Sans MS 

                 <font face= "Comic Sans MS">

• Añadiremos un color: 

               <font face="Comic Sans MS" color="green" >

               NOTA: Los colores pueden ser sus nombres en ingles, red, green, blue, pink, etc etc.

• Finalmente colocaremos un tamaño de 6 (Este tamaño se define en pixeles, pueden jugar con los números para que se den cuenta de lo que pasa)

              <font face="Comic Sans MS" color="green" size="12">

El código completo de esta etiqueta seria el siguiente

y lo que veremos si lo ejecutamos con el navegador seria lo siguiente : )

BUENO PROGRAMADORES HEMOS LLEGADO AL FINAL DE ESTA PUBLICACION : (

No olviden comentar si tienen dudas, con gusto les responderemos B-)

Siganos en FACEBOOK Y TWITTER para que esten pendientes de nuestros siguientes temas 

HASTA LA PROXIMA !!