Informatica (Autoguardado)

INSERTAR COLORES, IMGENES Y VINCULOS EN EL DISEO DE PGINA 1
Procedimiento para Insertar Colores, Imgenes y Vnculos en el Diseo de Paginas

Brandon Omar Lizarazo Tineo
Institucin Educativa Tcnica Simn Bolvar
Notas de Autor:
Tabla de contenido
Cdigos de Colores HTML ............................................................................................................................. 4
Tabla de Colores HTML ............................................................................................................................. 4
Selector de colores HTML ......................................................................................................................... 4
Cmo Usar los Cdigos de Colores HTML? ............................................................................................. 4
Teora Sobre los Cdigos de Colores HTML .............................................................................................. 5
Cdigos de Colores HTML
El sitio web Cdigos de colores HTML le proporciona herramientas gratuitas de colores para
encontrar colores HTML para su sitio web. Las excelentes herramientas Tabla de colores HTML y
Selector de colores HTML harn que esta tarea sea pan comido.
Para empezar rpidamente a usar Colores HTML en su sitio web, chele un vistazo a Cmo usar
los cdigos de colores HTML?. Si desea aprender qu significa realmente esta combinacin de caracteres
en Cdigos de colores HTML chele un vistazo a la seccin Teora sobre los cdigos de colores HTML.
Colores seguros para la Web es la lista de colores que se ven igual en todos los sistemas operativos.
Si es daltnico consulte los Nombres de colores HTML para superar ese problema.
Tabla de Colores HTML

Con esta Tabla de colores HTML dinmica puede conseguir cdigos HTML para los colores bsicos.
Haga clic en cualquier cuadro de color para conseguir su Cdigo de color HTML. A continuacin hay una
lista de los colores seleccionados recientemente. Para guardar un color HTML para una prxima visita
haga clic en su chincheta.
Selector de colores HTML

Desplace la barra de desplazamiento vertical para elegir el color y despus haga clic en el
cuadro de colores a la izquierda para conseguir el Cdigo de color HTML para elegir el tono de
color deseado.
Puede empezar con su propio color escribiendo su cdigo de color en el campo de entrada
superior.
Cmo Usar los Cdigos de Colores HTML?
Con los Cdigos de colores HTML puede establecer el color de fondo del sitio web, el
color del texto, de las celdas en las tablas y mucho ms.

Usar los Cdigos de Colores HTML para el Color de Fondo del Sitio Web
<body style="background:#80BFFF">
Usar los Cdigos de Colores HTML para Configurar el Color de la Fuente/texto

<span style="color:#80BFFF">
Usar los Cdigos de Colores HTML para el Color de Fondo de las Tablas
<table style="background:#80BFFF">
Usar los Cdigos de Colores HTML para los Colores de los Enlaces
<a style="color:#80BFFF">
Teora Sobre los Cdigos de Colores HTML

Seguramente se est preguntando: Tiene algn significado esta extraa combinacin de letras y
nmeros? Pues la respuesta es S y as es como funciona:)
Formato de los Cdigos HTML

Cada cdigo HTML comprende el smbolo # y 6 letras o nmeros. Estos nmeros se expresan en
el sistema de numeracin hexadecimal. Por ejemplo FF en hexadecimal representa el nmero 255 en
Decimal.
Significado de los Smbolos

Significado de los smbolos: Los dos primeros smbolos del cdigo de color HTML representan la
intensidad del color rojo. 00 es el menos intenso y FF es el ms intenso. El tercer y el cuarto nmero
representan la intensidad del verdey el quinto y el sexto representan la intensidad del azul. As, con esta
combinacin de la intensidad del rojo, verde y azul podemos mezclar cualquier color que deseemos de
corazn.
Ejemplos
#FF0000 - Con este cdigo HTML le decimos al navegador que muestre la mxima cantidad de rojo
y nada de verde ni de azul. El resultado es evidentemente el color rojo puro:
#00FF00 - Este cdigo HTML muestra solo el verde y nada de rojo ni de azul. El resultado es:
#0000FF - Este cdigo HTML muestra solo el azul y nada de rojo ni de verde. El resultado es:
#FFFF00 - Con la combinacin de color rojo y verde obtenemos el amarillo:
#CCEEFF - Cogemos un poco de rojo, un poco ms de verde y el mximo de azul para obtener el
color del cielo:
Cmo colocar imgenes con HTML
Una de las primeras cosas que debemos aprender del HTML es la etiqueta <img> que funciona para
colocar imgenes dentro de una pgina web.
Para poner una imgen utilizamos el siguiente cdigo:
<img src="imagenHTML.jpg">
Donde "imagenHTML.jpg" es la imagen que vamos a colocar. Deber estar ubicada en el mismo
directorio. Si queremos colocar una imagen con HTML en una pgina que no est colocada dentro del
mismo directorio, podemos usar una ruta absoluta:
<img src="folder/imagenHTML.jpg"
La etiqueta <img> tiene varias propiedas como son:
border, width, height, alt
Ejemplo con propiedades de imgen en HTML
<img src="imagenHTML.jpg" border="0" width="10" height="10">
El ancho y alto (width, height) se coloca en pixeles y deben corresponder al tamao original de la
imagen para que no se distorcione.
Los formatos soportados por el explorer son jpg, gif y png.

INSERTAR ENLACES HTML
solo copias y pegas el siguiente cdigo y pones la direccin del sitio a linkar :
<a href="DIRECCION DE LA PAGINA A LINKAR">NOMBRE DE LA PAGINA</a>
Si adems aades target="_blank" despus de la direccin de la pgina (dejando un espacio), e
link se abrir en una nueva ventana.
De igual forma pueden insertarse en la sidebar.

Informatica (Autoguardado)

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Informatica (Autoguardado)

Cargado por

Copyright:

Formatos disponibles

INSERTAR COLORES, IMGENES Y VINCULOS EN EL DISEO DE PGINA 1

Procedimiento para Insertar Colores, Imgenes y Vnculos en el Diseo de Paginas

Cdigos de Colores HTML

Tabla de Colores HTML

haga clic en su chincheta.

Selector de colores HTML

Cmo Usar los Cdigos de Colores HTML?

color del texto, de las celdas en las tablas y mucho ms.

Usar los Cdigos de Colores HTML para Configurar el Color de la Fuente/texto

Teora Sobre los Cdigos de Colores HTML

nmeros? Pues la respuesta es S y as es como funciona:)

Formato de los Cdigos HTML

el sistema de numeracin hexadecimal. Por ejemplo FF en hexadecimal representa el nmero 255 en

Significado de los Smbolos

y nada de verde ni de azul. El resultado es evidentemente el color rojo puro:

#FFFF00 - Con la combinacin de color rojo y verde obtenemos el amarillo:

color del cielo:

Cmo colocar imgenes con HTML

colocar imgenes dentro de una pgina web.

Para poner una imgen utilizamos el siguiente cdigo:

mismo directorio, podemos usar una ruta absoluta:

La etiqueta <img> tiene varias propiedas como son:

border, width, height, alt

Ejemplo con propiedades de imgen en HTML

<img src="imagenHTML.jpg" border="0" width="10" height="10">

imagen para que no se distorcione.

Los formatos soportados por el explorer son jpg, gif y png.

INSERTAR ENLACES HTML

<a href="DIRECCION DE LA PAGINA A LINKAR">NOMBRE DE LA PAGINA</a>

Si adems aades target="_blank" despus de la direccin de la pgina (dejando un espacio), e

link se abrir en una nueva ventana.

De igual forma pueden insertarse en la sidebar.

También podría gustarte