 |
|---|
CODIGOS HTML UTILES
Para Copiar y Pegar
Ahora veremos algunos códigos interesantes que le darán mucha vida y funcionalidad a tu sitio, no necesitas más que copiarlos, modificarlos para que se adapten a tu sitio web y pegarlos en tu código fuente.
Estos son algunos de los que ustedes mismos han solicitado, se ven bien y ocupan menos espacio que una imagen o un script.
Dos columnas de texto
El codigo es:
<TABLE WIDTH="100%" CELLPADDING="10"><TR><TD WIDTH="50%"><CENTER><B><FONT SIZE=+1>Escribe tu texto aqui</FONT></B></CENTER> </TD><TD WIDTH="50%"><CENTER><B><FONT SIZE=+1>Escribe tu texto aqui</FONT></B></CENTER></TD></TR></TABLE>
Como ves, este vistoso efecto es muy simple, puedes modificar el ancho de las columnas para que te quede una más grande que la otra y recuerda que dentro de una celda puedes colocar cualquier contenido HTML. Si te fijas en este caso aumenté el tamaño de la letra, pero tú puedes dejarlo tal cual para que se
Enmarcando una imagen con una tabla
 |
El codigo es:
<CENTER><TABLE BORDER=8 BGCOLOR="#FFFFFF"> <TR><TD><IMG SRC="Nombredetuimagen.extension"></TD></TR></TABLE></CENTER>
Botones Funcionales
Si haces click en el siguiente botón, abrir{as la página de yahoo, puedes usarlo para colocar tus propios enlaces
El código es:
<FORM METHOD="get"ACTION="http://www.yahoo.com"><CENTER> <INPUT TYPE=SUBMIT VALUE="Ir a Yahoo"</TD></CENTER>
Recuerda modificar los campos ACTION="http://www.yahoo.com" colocando tus propias direcciones, así como cambiar la entrada VALUE, que es lo que tus visitantes leerán en el botón.
Botones de colores
Adicionalmente puedes ponerle color a tus botones, esto sólo funciona en las versiones 5.0 y posteriores de Internet Explorer de Windows y 6.0 y posteriores de Netscape
Como te habras dado cuenta este botón no funciona, así que no pasa nada si haces click en él, pero la idea es que veas el color que puedes añadir al botón, si tu estás viendo este botón de colore gris, entonces tu navegador no soporta estilos, si lo ves de color morado, entonces está perfecto, puedes comenzar a modificarlo, El código es:
<INPUT type=button value="Abrir área" style="font-weight:bold; color:#FFF; background-color:#a6a; border-color:#fcf"></form>
Debes agregar desde donde dice style=" . . . ", todo lo que está incluido dentro de esta definición.
Primero esta definida la fuente, este puedes omitirlo, dice font-weight:bold; esto indica que la fuente será presentada en negritas. Luego viene el color, este es el color de la fuente, no del boton, luego dice background-color, aqui colocas el código del color que quieras, hay diversas opiniones respecto a si usas 6 dígitos o 3, el estilo se verá semejante, pero usar 3 es más seguro, aunque mucha gente no se acostumbra, recuerda si usas 3 que cada uno indica rojo,verde y azul en este orden. Si hay algun color que hayas definido de la paleta de colores y lo ves en código hexagesimal, unicamente retira el segundo, cuarto y sexto números.(Más sobre estilos en la página principal de programación HTML)
Por último, dice border color, este será el color del borde del botón, del lado brillante, es decir, izquierda y arriba, procura manejar una tonalidad semejante a la que usaste para el fondo, a modo que se vea bien.
Más códigos ... En Java Scripts