ubiquitour.com

Cómo hacer un efecto fresco botón en HTML

Cómo hacer un efecto fresco botón en HTML

HTML botones son fáciles de crear y pueden hacerse para enfriar las cosas más allá de sus efectos prácticos. Por ejemplo, se pueden hacer botones para cambiar el color de la página o el color del texto. Esto se hace usando el comando "onClick" de HTML en el código. Esto podría usarse en un sitio web para permitir a los lectores personalizar el color de la página web y el color del texto para facilitar la lectura del formato. Aquí es cómo armar este efecto frío:

Instrucciones

1 Abra un programa que puede crear y editar documentos HTML. En un PC con Windows, Microsoft Notepad es una buena opción. Se puede encontrar pulsando el botón "Inicio" en la esquina inferior de la pantalla y navegar a "Todos los programas" "Accesorios" y luego "Bloc de notas." Funciona en un Mac de Apple, Editor de texto. Abrir este programa desde el muelle o en la carpeta de aplicaciones.

2 Escriba lo siguiente en el programa: < forma >Este código comienza todos los botones HTML. Botones son parte de una clasificación de HTML llamada «formas» y esto indica que se hará un nuevo botón de formulario.

3 Añadir la siguiente línea de código debajo de < forma >: < entrada tipo = "button" value = "Azul" onClick="document.bgColor ="#0000FF";" >Este es el código que hace el botón y le dice qué hacer. El "tipo de entrada" indica que se está creando un botón (introducirse un nombre diferente para crear objetos en un formulario, un cuadro de texto). El "valor" es qué texto se escribirá en el botón. En este caso, es "Azul". Y el comando "onClick" dice el botón qué hacer cuando el usuario hace clic en él. En este caso se dice vuelta a la página azul. La combinación del número/letra en el código es azul está escrito en código de color HTML.

4 Añadir la siguiente línea de código por debajo de la anterior: < tipo de entrada = "button" value = "Azul" onClick="document.bgColor = '#0000FF';document.fgColor='#FFFFFF';" >Esta línea de código hará lo mismo que el uno en el paso 3 pero con dos cambios. Tenga en cuenta el "valor" se ha cambiado a "Rojo" y el código de color HTML ha cambiado demasiado. Cuando se pulsa el botón, ahora cambiará el fondo de la página rojo basado en el código de color.También, observe el código adicional "document.fgColor" después del punto y coma. Este es otro comando que se puede Agregar a un botón, cambiar el color de la fuente de la página. Pulsar este botón cambiará el color de fuente blanco, sin embargo, cualquier código de color puede sustituirse en lugar de "FFFFFF" (blanco).

5 Cerrar el código poniendo este código a continuación todo: < / form >Esto indica que los elementos del formulario, incluyendo el botón redondeado terminado.

6 Presione retorno dos veces. A continuación, escriba algún texto. Esto puede ser cualquier cosa que sea al menos un par de frases largo. Esto es necesario para demostrar el paso 4.

7 Guardar el documento HTML. En Notepad de Microsoft, vaya a "Archivo" y haga clic en "Guardar como". Introduzca un nombre de archivo para el documento y acabar con ".html" haga clic en "Guardar". En un ordenador Mac, haga clic en "Archivo" en la parte superior de la página y luego "salvar como". Introduzca un nombre de archivo para el documento y cambiar el formato de Rich Text a la página HTML utilizando el menú desplegable a continuación.

8 Haga doble clic en el documento que se abra en un navegador por defecto. Empuje los botones para ver cómo cambia el color de fondo y texto cambiar efectos.