HTML – Principales Etiquetas Los colores - <a> <font>
El color En el principio de HTML, la forma de especificar un color era mediante el formato hexadecimal Consistía en tres número en hexadecimal. Cada número consistía en dos dígitos cada uno. Ejemplo: FF 3A 2C El Primer número nos indica la cantidad de color rojo que tiene nuestro color. El Segundo número nos indica la cantidad de color verde que tiene nuestro color. El Tercer número nos indica la cantidad de color azul que tiene nuestro color.
El color <font color= FFFFFF> Hola </font> Como se usa: <font color= FFFFFF> Hola </font> <font color=“white” Hola </font>
El color <font color= b7cc08> Desarrollo Web</font> Ejemplo 1 <html> <head> </head> <body> <font color= b7cc08> Desarrollo Web</font> </body>
Color de fondo de la página Podemos cambiar el color de fondo de la página con el atributo bgcolor en la etiqueta <body> Ejemplo: <html> <head> </head> <body bgcolor = “blue” > Hola este fondo de página es azul </body>
Color de texto de la página Podemos definir un color de texto para todo el texto de la página, con el atributo text en la etiqueta <body> Ejemplo: La ventaja de difinir el color de texto en el <body> es que tomará siempre ese color en todo el documento, a menos que lo cambiemos con la etiqueta <font> <html> <head> </head> <body bgcolor = “blue” text=“grey”> Hola este fondo de página es azul </body>
Hipervínculos o Enlaces o Links: <a> Los hipervínculos proporcionan un mecanismo muy sencillo para movernos entre distintos paginas. Al hacer click en un hipervinculo el navegador carga la página indicada. Para definir un hipervínculo utilizamos la etiqueta <a>: <a href=“dirección”> Texto del enlace </a> Dirección = es el destino del hipervínculo Texto de enlace= el texto que aparecerá en pantalla 2 tipos de enlaces: Enlaces a otra página del mismo sitio Enlaces a otras paginas de otro sitio
Enlaces a otra página del mismo sitio Para enlazar otra página es necesario conocer el nombre de la página que se quiere referenciar. Ejemplo: Estas dos páginas están en una misma carpeta( pertenecen a un mismo sitio web Pagina1.html Pagina2.html <html> <head> </head> <body> <a href=“pagina2.html”> Clic Aquí </a> </body> <html> <head> </head> <body> Hola esta es la página2!!! </body>
Enlaces a otra página de otro sitio Para enlazar otra página que pertenece a otra sitio web tenemos que especificar el URL de la otra página que se esta referenciando Ejmplo: Pagina1.html <html> <head> </head> <body> <a href=“http://www.google.com/”> Google </a> <br> <a href=“http://www.facebook.com/”> Facebook</a> <br> <a href=“http://www.infobae.com/”> Infobae </a> </body>