COLORES
Algunas de las etiquetas del lenguaje admiten la propiedad color, bien para dar color al texto o para establecerlo como fondo del elemento HTML. Para indicar un determinado color se utiliza la combinación de los tres colores básicos rojo, verde y azul (RGB por sus siglas en ingles). Para indicar el color podemos utilizar la codificación de 8 bits (valores entre 0 y 255) o la codificación hexagesimal (valores entre 00 y FF)
El color negro en HTML sería: #000000. Adicionalmente HTML define una paleta de 17 colores heredados de la paleta VGA de windows. Para utilizarlos no haría falta introducir el código del color, tan solo basta con utlizar el nombre.
| Etiqueta | C. Hexadecimal | Color | Descripción |
| BLACK | #000000 | NEGRO | |
| TEAL | #008080 | TEAL | |
| BLUE | #0000FF | AZUL | |
| NAVY | #000080 | AZUL MARINO | |
| LIME | #00FF00 | LIMA | |
| WHITE | #FFFFFF | BLANCO | |
| PURPLE | #800080 | PÚRPURA | |
| YELLOW | #FFFF00 | AMARILLO | |
| OLIVE | #808000 | OLIVA | |
| RED | #FF0000 | ROJO | |
| MAROON | #800000 | MARRÓN | |
| GRAY | #808080 | GRIS | |
| FUCHSIA | #FF00FF | FUCSIA | |
| GREEN | #008000 | VERDE | |
| SILVER | #C0C0C0 | PLATA | |
| AQUA | #00FFFF | AGUA |
IMÁGENES
A la hora de insertar imágenes debemos tener en cuenta: que éstas no pueden estar en cualquier formato, sólo se admiten los formatos: JPG, GIF y PNG. Por otro lado, es recomendable adaptar nuestras imágenes en tamaño y resolución para la Web. En caso de estar mal adaptadas provocaremos una página de mayor peso que tardará más en cargarse y será menos atractiva para el usuario.
Para insertar una imagen tenemos la etiqueta <IMG>. Para su funcionamiento en este caso, debemos aplicarle una serie de atributos obligatorios.
Donde SRC almacenará la ruta donde está la imagen y ALT= indicará un texto alternativo que se mostrará al posicionar el cursor del ratón sobre la imagen.
En el ejemplo siguiente: podemos ver el código necesario para incluir una imagen en una Web.
La etiqueta img permite el uso de varios modificadores entre los que se destacan:
- border. Permite indicar el borde de la imagen. Por defecto es 0 pero resulta muy útil establecerlo en el caso de utilizar una imagen como enlace
- width o height. Permite establecer el ancho y el alto de la imagen. Se recomienda únicamente establer el valor para uno de estas opciones ya que el otro se establece automáticamente.
En el siguiente ejemplo tenemos una imagen de 100 píxeles de ancho y con el borde a 1
No hay comentarios:
Publicar un comentario