trucos en html

Trucos HTML recomendados
 
Siempre dependiendo de las necesidades de la página web y el objetivo tanto del programador como de la empresa o cliente en cuestión, se pueden tomar en cuenta algunos trucos disponibles y gratuitos.
 
Entre los códigos específicos más interesantes se encuentran los siguientes:
 
 
::. Establecer como página de inicio
 
Crea un link para que el visitante puedahacer que la página quede establecida como página de inicio cada vez que abra el navegador.
 


Establecer como página de inicio
 

::. Imagen en movimiento
 
Puedes colocar un archivo de imágenes en HTML que se esté moviendo de forma horizontal para captar la atención del visitante, con un código muy sencillo.
 

 
 
::. Sonido de fondo
 
Cuando un visitante acceda a la página,escuchará un sonido de fondo. Este puede ser una canción, una melodía, una entrevista y cualquier otro tipo de sonido que sea soportado en los formados .MID y .WAV
 
La etiqueta para incluir sonido en tu página web es
 

 
- “hola.wav" es el nombre del archivo y puede estar tanto en .wav como en .mid
- “autostart" define si el archivo empieza a sonar sólo (escribiendo TRUE) o si elvisitante tendrá que hacer click en play para escucharlo (escribiendo FALSE).
- "loop" es el número de veces que el sonido será repetido
 
 

::. Caja con esquinas curvas
 
Sin necesidad de crear una tabla, puedes colocar una caja de esquinas curvas al utilizar el elemento “fieldset” en un formulario.
 

caja con esquinas curvas

 
 
::. Atrás y Adelante
 
Con un par de links, puedeshabilitar la opción de que el visitante vaya a la páginas de atrás o adelante en el historia del navegador.
 
Atrás:
 
Atrás
 
Adelante:
 
Adelante














APRENDEREMOS:


1.- Cambiar texto por otro 
2.- Cambiar imagen por otra 
3.- Cambiar texto por imagen 
4.- Cambiar imagen por texto 
5.- Cambiar texto invisible (transparente) por texto visible 
6.- Cambiartexto invisible (transparente) por imagen 
7.- Imagen (invisible transparente) a texto/imagen 
8.- Cuandro de texto o imagen emergente: 
9.- 7 enlaces distintos con una sola imagen: 
10.- Barra deslizante en imagen, texto, segmento, tabla etc.: 
11.- Cambiar de tamaño videos de Youtube y Slideshow de fotos: 
12.- Imagen de fondo a un Slideshow: 
13.- Colocar varios videos de Youtube en un DIVcon barra deslizante: 
14.- Amigos y comentarios Myspace en div con barra deslizante (solo perfiles 1.0 y 2.0): 
15.- Colocar reproductor (es) Myspace-Music completo (s): 

NOTA:

Como aquí en el foro no podemos insertar HTML, mucho menos CSS, no podremos ver las pruebas de 
los codigos aquí escritos; y crear ejemplos en páginas externas, es algo complejo y casi innecesario 
(aunque sialguien lo pide, no me es imposible hacerlo). Por eso será más agil, si queremos probar 
alguno, que los copiemos en el Bloc de notas, guardemos ese documento con extensión .html y lo 
abramos con nuestro navegador. 
EJEMPLO: 
ARCHIVO > GUARDAR > seleccionamos abajo, donde dice "Documento de texto (*.txt)": TODOS LOS 
ARCHIVOS (*.*) > ESCRIBIMOS: prueba-de-codigos.html o el nombre que decidan. >GUARDAMOS > 
ABRIMOS con doble click para que se abra con el navegador predeterminado, o click derecho y 
elegimos con cual lo queremos abrir. 

RE-NOTA:

Todos los nombres que yo utilíce dentro de ..... y en los elementos CLASS="" NAME="" 
etc. del HTML que no reconozcas, son solo de ejemplo; tú puedes colocar el nombre que quieras, de 
acuerdo a como quieras reconocerlo en tus hojas deestilos o codigos HTML. 
Solo las etiquetas HTML tienen su nombre real; el cual hay que respetar al pie de la letra.. 

ANTES DE INICIAR:


Cabe recordar que cuando se usa estilo en HTML, hay dos formas genericas de hacerlo (además de la 
que enlaza a una hoja externa): entre las etiquetas ... que para fines practicos 
llamaremos CSS; las cuales se colocan de preferencia entre las...