trucos de html

TRUCOS DE HTML
Links de tutorial de html
http://www.aulaclic.es/html/t_1_1.htm
http://www.htmlpoint.com/guida/html_05.htm


Tablas
http://www.desarrolloweb.com/articulos/629.php

Liga para hacer otros trucos en tu página web
http://www.taringa.net/posts/info/13711803/Codigos-html-para-tu-sitio-web.html
http://www.taringa.net/posts/info/6137937/Monton-de-codigos-html-para-tu-web.htmlhttp://ldc.usb.ve/~vtheok/webmaestro/docs/cap21.html

Ejemplos de Menús
http://www.cssblog.es/120-excelentes-ejemplos-sobre.menus-horizontales/ http://www.csstea.com/css-gallery-news-and-resources/264-120-excellent-examples-of-css-horizantal-menu.html
Líneas Horizontales
Las rayas horizontales son otro de los procedimientos habituales para separar los contenidos de un documento HTML. Seintroducen simplemente con la etiqueta .
Hay una serie de características de las rayas que pueden controlarse, como siempre, por medio de parámetros añadidos a la etiqueta básica:
1. El tamaño: la etiqueta introduce una raya que ocupa todo el ancho de la pantalla. Pueden especificarse distintas anchuras añadiendo el valor deseado, expresado en pixeles () o en términos porcentuales ().9
2. Laalineación: cuando una raya ocupa sólo una parte de la pantalla, puede especificarse su alineación por medio de las etiquetas habituales:



3. La altura: se expresa en píxeles por medio de la etiqueta . Puede adoptar el valor 0 (la raya más fina).
4. El color, por medio del párametro habitual: .
5. El sombreado: la raya posee habitualmente un pequeño efecto de sombreado, que puede eliminarsecon la etiqueta .10
Como siempre, lo habitual suele ser la combinación de varios parámetros en una misma etiqueta. Por ejemplo:

No queda sino practicar con las distintas posibilidades de rayas. Por ejemplo:
EJEMPLO 9


Ejemplo 9


Ésta es una línea normal:

Ésta es una línea normal, sin sombreado:

Ésta es una línea que ocupa la mitad de la pantalla (si no se establece laalineación, se coloca centrada por defecto):

Ésta es más estrecha y mucho más gorda:

Ésta es igual pero de color rojo:





Barra con más colores
A continuación veremos otro código para ponerle color a la barra de desplazamiento, en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes. Reemplazar los nombres de los colores por otros o por los código de letrasy números. Mas abajo está la tabla de colores.



Observación: para ver este truco, es necesario tener instalada las últimas versiones de los navegadores. Preferentemente Internet Explorer 6.

Color de las barras de desplazamiento






Texto fijo de un enlace de barra de estado

Como se vió anteriormente en el ejemplo de etiqueta para un enlace es:
Microsoft
Que da comoresultado: Microsoft
Al pasar el cursor del ratón por encima del enlace vemos que aparece en la barra de estado del navegador (en la parte inferior de la pantalla) el URL o dirección del enlace, en este caso http://www.microsft.com
Se puede hacer que aparezca el texto que queramos, y además que permanezca fijo hasta que se pase el cursor por encima de otro enlace. Para ello, basta con introducir losiguiente, dentro de la etiqueta del enlace:
onMouseOver="window.status='Aquí el texto que se quiera';return true;"
En el ejemplo anterior podemos poner, por ejemplo:
Microsoft
Que da este resultado: Microsoft

Salto automático de pantalla
Si ponemos en una página la siguiente etiqueta:

una vez de que se cargue, permanecerá a la vista durante x segundos, y luego saltaráautomáticamente a otra página cuyo URL hayamos especificado.
Por ejemplo:

después de 10 segundos nos transportará automáticamente a la página de la NASA.
Obsérvense el punto y coma después de la cifra de los segundos y la disposición de las comillas.
Esta etiqueta no se puede colocar en cualquier sitio del documento HTML. Debe ir situada en la cabecera (entre las etiquetas y ).
Aunque lo...