La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

HTML – Principales Etiquetas

Presentaciones similares


Presentación del tema: "HTML – Principales Etiquetas"— Transcripción de la presentación:

1 HTML – Principales Etiquetas
Los colores - <a> <font>

2 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.

3 El color <font color= FFFFFF> Hola </font>
Como se usa: <font color= FFFFFF> Hola </font> <font color=“white” Hola </font>

4 El color <font color= b7cc08> Desarrollo Web</font>
Ejemplo 1 <html> <head> </head> <body> <font color= b7cc08> Desarrollo Web</font> </body>

5 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>

6 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>

7 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

8 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>

9 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=“ Google </a> <br> <a href=“ Facebook</a> <br> <a href=“ Infobae </a> </body>


Descargar ppt "HTML – Principales Etiquetas"

Presentaciones similares


Anuncios Google