You are on page 1of 11

PAGINA WEB EN

HTML
ENLACES EN
CODIGO HTML
Todo comando empiezan con una
etiqueta y terminan con otra de
cierre. La etiqueta de inicio para
definir enlaces es <a> y la de
cierre </a>.
Hay que indicar a qué página
queremos enviar
Esto se define dentro de la
etiqueta de inicio, de este modo:
<p><a href="ruta">palabra</a></p>
"ruta“ es igual a http://www.monografias.com
Palabra como quieren identificar el enlace
Tutoriales
Abrir el enlace en otra ventana
Si deseas que se habrá el enlace en otra
ventana hay que indicarlo dentro de la
primera etiqueta así:
código target="_blank"
Yo te recomiendo que todos los enlaces
hacia páginas de tu misma web se abran en
la misma ventana, y que todos los enlaces
hacia páginas externas las abras en ventanas
diferentes.
Si quieren agregar color al fondo de la pagina
se agrega el siguiente comando:
<body style="background-color:pink;"> </body>

Despues de:
<html>
LISTA DE CÓDIGOS DE COLORES HTML COMUNES

COLOR
COLOR NAME
HEX COLOR CODE
RGB COLOR CODE
WHITE #FFFFFF RGB(255, 255, 255)
SILVER #C0C0C0 RGB(192, 192, 192)
GRAY #808080 RGB(128, 128, 128)
BLACK #000000 RGB(0, 0, 0)
RED #FF0000 RGB(255, 0, 0)
MAROON#800000 RGB(128, 0, 0)
YELLOW #FFFF00 RGB(255, 255, 0)
OLIVE #808000 RGB(128, 128, 0)
LIME #00FF00 RGB(0, 255, 0)
GREEN #008000 RGB(0, 128, 0)
AQUA #00FFFF RGB(0, 255, 255)
TEAL #008080 RGB(0, 128, 128)
BLUE #0000FF RGB(0, 0, 255)
NAVY #000080 RGB(0, 0, 128)
FUCHSIA #FF00FF RGB(255, 0, 255))
PURPLE #800080 RGB(128, 0, 128))
INSERTAR IMAGEN EN HTML
Dentro de <body> </body> se coloca el comando :
<img src="http://www.exampleimagehost.com/my-
cute-dog.jpg">

Tamaño de imagen
width=100% height=100%
Despues del comillas jpg
Cómo insertar un enlace a tu E-Mail
Sin conocer lo que piensan tus visitantes no tienes nada que hacer, nada que
mejorar, de modo que colocar un enlace donde el usuario pueda hacer clic para
escribirte un E-Milio parece algo imprescindible, verdad? Claro que más adelante
colocaremos un foro en la web, pero nunca está de más al menos saber como
insertar estos enlaces de correo, así que vamos a aprender.
Código Html de un enlace de E-Mail
Como vas a ver, es muy parecido al código Html de un enlace a otra página
web. Solo cambian una palabrilla, y por supuesto la ruta, que en este caso será
simplemente tu dirección E-Mail. La línea de código en Html es la siguiente:
<a href="mailto:tudireccion@email.com">Texto que quieras poner para hacer clic
en él </a>
Donde pone "Texto que quieras poner.." escribe las palabras que verá el
visitante y donde ha de hacer clic para enviarte el mensaje. Puedes poner
"Envíame un E-Milio", "Clic para escribirme" o simplemente la propia dirección de
tu E-Mail.
GRACIAS POR SU
ATENCION

You might also like