CÓDIGOS HTML GENIALES

Si está buscando mejorar su sitio web sin crear una programación personalizada, puede usar algunos códigos HTML geniales para darle algo de emoción a una página. Estos códigos no solo harán que su sitio se destaque, sino que también le darán una ventaja profesional.

12 códigos HTML geniales

Si no es lo suficientemente inteligente como para escribir su propio código HTML, hay muchos lugares en línea que ofrecen códigos gratuitos y sin restricciones para copiar y pegar en sus propias páginas web. Sin embargo, antes de copiar los códigos, asegúrese de leer y comprender los términos de uso del sitio, ya que algunos propietarios de sitios quieren que se reconozcan los códigos que se utilizan, incluido un enlace de su sitio al de ellos. Echa un vistazo a estos interesantes códigos HTML que producen algunos efectos interesantes.

1. Cuenta regresiva para una fecha específica

Cree un reloj de cuenta regresiva para un sitio web con el código que se encuentra en Esperanza informática . Inserte una fecha personalizada en el código para que la pantalla cuente hacia atrás hasta una fecha específica. Asegúrese de cambiar la fecha en negrita a su fecha personalizada.

hoy = nueva fecha ();

BigDay = nueva fecha (' 25 de diciembre de 2020 ');

msPerDay = 24 * 60 * 60 * 1000;

timeLeft = (BigDay.getTime () - today.getTime ());

e_daysLeft = timeLeft / msPerDay;

daysLeft = Math.floor (e_daysLeft);

e_hrsLeft = (e_daysLeft - daysLeft) * 24;

hrsLeft = Math.floor (e_hrsLeft);

minsLeft = Math.floor ((e_hrsLeft - hrsLeft) * 60);

document.write ('Solo hay

'+ daysLeft +' days '+ hrsLeft +' horas y '+ minLeft +' minutos restantes

Hasta el 25 de diciembre de 2020

');

2.Haga una ventana emergente pequeña

Cree un nuevo sitio web emergente en una pequeña ventana con este útil código que se encuentra en Esperanza informática .

function NAME_IT () {window.open ('http://www.computerhope.com/cgi-bin/search.cgi','EANITHING','toolbar=no,location=no, directorios = no, estado = sí, menubar = no, resizable = yes,

copyhistory = no, scrollbars = no, width = 300, height = 300 ');}

3. Viñetas de colores para la lista

Pájaro de nariz grande ofrece un código que le permite tener viñetas de colores para su lista, en lugar de las simples negras que se utilizan con más frecuencia.

Este es el primer elemento

Este es el segundo elemento

Este es el tercer elemento

4.Haga que su texto rebote

Dale un poco de rebote a tu línea de marquesina con este código de Cómo hacer un sitio web .

Haga que su texto rebote

5. Marquesina

Marquesina:

Me encanta saber el código de muestra

6. Marquesina en zigzag

También puedes hacer tu línea de marquesina hacer un patrón en zigzag .

TU TEXTO AQUI

7. Mesa de colores

8. Agrega música a tu página

Agregar cuadro sombreado: div {border: 2px solid # a1a1; padding: 10px 40px; fondo: #ffdddd; ancho: 400 px; radio del borde: 25 px; radio del borde del moz: 40 px; }

Caja de muestra Love to Know con borde

9. Agregue un mensaje de bienvenida

alert ('Bienvenido al nombre de su empresa')

10. Cuadro de entrada de texto en color

Campo 1:

11. Campo de texto coloreado con borde discontinuo

Me encanta saber el texto de muestra

12. Cambiar el color de fondo

Este código es para un fondo melocotón. Consulte los códigos de color de fondo en Objetos HTML .

Recursos para códigos HTML más interesantes

Hay muchos otros recursos de código disponibles para usar. Ejemplos de lugares donde hay más opciones disponibles incluyen:

Esperanza informática : Este sitio web ofrece ayuda informática gratuita para todos y también ofrece tres códigos HTML interesantes que puede agregar a su sitio web. Una es para un indicador del mouse sobre el que aparece un cuadro emergente cuando el usuario coloca el mouse sobre un gráfico o texto. El sitio también cuenta con un código para seleccionar el código de fondo y uno que permite a los visitantes escribir su propio cuadro de texto.
Consejos salvajes: Además de HTML básico, Wild Tips también tiene algunos códigos geniales para que los use, incluido el código que hace que el texto sea borroso, tenga sombras y otros efectos. El sitio web también ofrece códigos HTML para carpas y efectos fotográficos.
Pájaro de nariz grande : Este sitio web ofrece tutoriales, guiones y gráficos gratuitos para los usuarios del sitio. También tiene varias páginas de trucos HTML geniales, que incluyen demostraciones de tablas coloridas, instrucciones para usar una imagen de fondo sólida de manera efectiva y la creación de un cuadro desplegable que enumera muchos países diferentes.
Escuelas W 3 : Este sitio proporciona un código HTML que permite a los usuarios enviar correo electrónico desde un sitio junto con varios otros códigos interesantes.

Personaliza tu sitio con códigos geniales

Si comprende la codificación web, siempre puede experimentar y encontrar su truco ingenioso. Si no es un webmaster, aún puede crear sitios atractivos y de aspecto profesional utilizando algunos códigos HTML interesantes como los que se presentan aquí. Puede agregar casi cualquier tipo de código HTML a su sitio web, siempre que no esté utilizando un creador de sitios que lo rechace. Algunos de los creadores de sitios web gratuitos no permiten el uso de códigos HTML, pero si está utilizando un programa que lo permite, encontrará que no es difícil agregar características interesantes a su sitio.