Si queremos poner un determinado color a un texto en HTML podemos añadir lo siguiente:
<span style=»color: blue;»>Color azul</span>, con lo que el texto visible nos quedaría así: Color azul
También podemos poner el color en hexadecimal, que está representado por un grupo de 6 dígitos, con 16 valores distintos que van del 0 al 9, y de la A a la F:
<span style=»color:#FF0000;»>Color rojo hexadecimal</span>, con lo que el texto visible nos quedaría así: Color rojo hexadecimal
Algunas veces podemos necesitar saber cual es el color por defecto de los hipervínculos en HTML si, por ejemplo, estamos reutilizando una plantilla que tiene el color de los hipervínculos diferentes a los que vienen por defecto.
En HTML para crear una linea horizontal utilizamos
<hr />
Si queremos dar color a la línea horizontal lo hacemos así:
<hr style="color: #0056b2;" />
Si queremos variar el grosor de la línea, pondremos: «size=x», siendo «x» el número de grosor, por ejemplo:
<hr size="10" />
Si queremos variar lo que ocupa de ancho la línea horizontal usaremos: «width=x %», siendo «x» el tanto por cien que ocupa la línea:
<hr width="75%" />
Si queremos quitar la sombra a la línea horizonal
<hr noshade="noshade" />
Para alinear la linea a la izquierda, derecha o centro utilizamos «align». «align = center» para el centro, «align = right» para la derecha y «align = left» para la izquierda. Por ejemplo:
<hr align="left" noshade="noshade" size="2" width="80%" />
Para quitar el subrayado de un hipervínculo con HTML hay que incluir en la etiqueta <a> lo siguiente:
<a href=»#» style=»text-decoration:none;»></a>
Podemos hacer un hipervinculo sólo al background en un div, sin necesidad de poner otro tipo de contenido en el div.
Una posibilidad es hacerlo de la siguiente forma:
<div style="width:100px; height:20px; background: url(20x100image.gif);">
<a href="URL" style="display:block;width:100px;height:20px;"> </a>
</div>
Para centrar horizontalmente una capa o div tenemos que ponerla entre las etiquetas <center></center>.
Por ejemplo:
<center><div></div></center>
Si queremos buscar un colores en formato hexadecimal lo podemos hacer en la siguiente web:
http://html-color-codes.info/codigos-de-colores-hexadecimales/
Nos encontramos con 2 apartados:
| 1. Tabla de colores HTMLCon esta Tabla de colores HTML dinámica se pueden conseguir códigos HTML para los colores básicos. Podemos hacer clic en cualquier cuadro de color para conseguir su Código de color HTML |
 |
| 2. Selector de colores HTMLAquí podemos desplazar la barra de desplazamiento vertical para elegir el color y después hacemos clic en el cuadro de colores a la izquierda para conseguir el Código de color HTML para elegir el tono de color deseado. |
 |
Los atributos alt y title, són atributos que nos permiten indicar un texto descriptivo para un elemento HTML, según la especificación del W3C, su función sería:
Internet Explorer (IE)
alt este trabaja a su vez cómo title y nos muestra el tooltip
<!-- Tooltip con Internet Explorer -->
<img alt="Logo de la web" src="//www.programacionweb.net/imagen.gif">
Mozilla Firefox
El atributo alt se utiliza sólo como texto alternativo y para mostrar el tooltip hay que utilizar el atributo title ( compatible con IE y Firefox ).
<!-- Tooltip compatible con W3C -->
<img title="Logo de la web" alt="Texto alternativo" src="//www.programacionweb.net/imagen.gif">
En definitiva hay que utilizar los dos atributos: alt y title.
El símbolo del euro en html es: € o €
Si necesitamos hacer una imagen que permita ver el fondo sobre el que se va a colocar, la tenemos que hacer transparente. Podemos utilizar pogramas como photoshop o similares y elegir fondo transparente, pero lo más importante de todo es: grabarla como GIF. Si haces esto funcionará perfectamente.