Otorgar propiedades al texto

Listo para técnicamente finalizar este curso sobre HTML, te daré la forma con la cual podrás darle propiedades al texto, así es, significa que podrás cambiar el color de la letra, el tamaño, y el tipo de fuente de un texto, te diré que realmente aquí no termina el curso, porque aún faltan otras cosas, pero es tan extenso que decidí agregarlo en otro curso; el " Curso HTML Extended " pero eso será después ¿ok?.

La etiqueta

La etiqueta que usaremos es muy simple y te prometo que te ayudara mucho con tus primeras páginas Web, la etiqueta es <font face="Aquí el tipo de fuente" size=" Aquí el tamaño de letra" color="Aquí el color de letra">Aquí el texto al que le pondrás las propiedades</font>.

Lo único que te puedo decir de esta etiqueta es que si omites una propiedad el explorador usara la predeterminada, por ejemplo, si omitimos la propiedad color="" el explorador usara el predefinido, en nuestro caso negro, tenlo en cuenta ¿ok?. Tengo la idea de que tu ya sabes lo debes poner dentro de cada propiedad, pero si tienes alguna duda escríbela a sqimperiuncompany@gmail.com, recuerda que tu opinión es muy importante.

Ahora y muy importante la etiqueta font no es muy usada, es más, en XHTML ha sido eliminada, el concepto es que el HTML es mas para contenido, por lo que esta etiqueta y otras han sido inutilizadas, y es mejor utilizar CSS en la parte de formato y estilo, aprenderas más de CSS en el curso CSS, pero por ahora te daremos lo basico.

usar el CSS (Si en el anterior caso escogiste una imagen de fondo)

Listo ahora abre la página con el bloc de notas y escribe lo siguiente:

  1. <html>
  2. <head>
  3. <title>Mi primera web</title>
  4. <style type"text/css"><!-- CSS para dar propiedades al texto-->
  5. p {
  6. font-family: Verdana;
  7. font-size: 16px;
  8. color: #FFA500;
  9. }
  10. </style>
  11. </head>
  12. <body background="imagen.jpg">
  13. <p>Mi primer parrafo en HTML.</p>
  14. <p>Gracias a <a href="http://sqimperiun.webcindario.com">SQimperiun</a></p>
  15. <img src="imagen2.png" width="124" height="123" alt="Mi primera imagen en Web">
  16. </body>
  17. </html>

usar css (Si en el anterior caso escogiste un color de fondo)

Listo ahora abre la página con el bloc de notas y escribe lo siguiente:

  1. <html>
  2. <head>
  3. <title>Mi primera web</title>
  4. <style type"text/css"><!-- CSS para dar propiedades al texto-->
  5. p {
  6. font-family: Verdana;
  7. font-size: 16px;
  8. color: #FFA500;
  9. }
  10. </style>
  11. </head>
  12. <body bgcolor="#555555">
  13. <p>Mi primer parrafo en HTML.</p>
  14. <p>Gracias a <a href="http://sqimperiun.webcindario.com">SQimperiun</a></p>
  15. <img src="imagen2.png" width="124" height="123" alt="Mi primera imagen en Web">
  16. </body>
  17. </html>

Ahora podemos cambiar el formato del texto, fácil, sin problemas y sin tener que usar colores jeje :). Así acaba este curso paso a paso sobre HTML, reucerda ver conclusiones y agregados para que te enteros de pequeñas cosas que te pueden servir, espero que te allá gustado y que lo comentes con tus amigos; recuerda que ahora tienes que ver el curso HTML Extended, muy completo y avanzado done haras paginas web más profesionales y completas, segun estandares; que tengas un gran día hasta la próxima, chao… Si lo deseas puedes comparar tu página con este ejemplo:

Ejemplo 8 y Ejemplo 9

Reportar errores