Рет қаралды 415
SUSCRÍBETE A Byspel Tech AQUÍ👉 bit.ly/Suscrib... 🚀
Hoy te muestro como enviar un correo electrónico desde python con Flask y HTML, paso a paso crearemos un formulario par el envío de correos, muy útil para tus proyectos Web.
Curso completo de Flask con Python para crear Apliaciones Web:
• Aplicaciones WEB con P...
CSS utilizado en el Vídeo:
/* Estilo para el cuerpo del documento HTML */
body {
font-family: Arial, sans-serif; /* Establece la fuente para el texto del cuerpo */
display: flex; /* Hace que el contenedor del cuerpo use flexbox */
justify-content: center; /* Centra los elementos hijos horizontalmente */
align-items: center; /* Centra los elementos hijos verticalmente */
height: 100vh; /* Establece la altura del cuerpo al 100% del viewport height */
background-color: #f0f0f0; /* Establece el color de fondo del cuerpo */
}
/* Estilo para el formulario */
form {
background-color: #fff; /* Establece el color de fondo del formulario */
padding: 20px; /* Añade relleno alrededor del contenido del formulario */
border-radius: 8px; /* Establece la curvatura de los bordes del formulario */
}
/* Estilo para las etiquetas */
label {
display: block; /* Hace que las etiquetas ocupen su propio bloque, cada una en una línea */
margin-bottom: 10px; /* Añade espacio debajo de cada etiqueta */
}
/* Estilo para los campos de entrada de texto */
input[type="text"] {
width: 100%; /* Establece el ancho del campo de entrada de texto al 100% del contenedor */
padding: 8px; /* Añade relleno dentro del campo de entrada */
margin-bottom: 15px; /* Añade espacio debajo del campo de entrada */
border: 1px solid #ccc; /* Establece un borde de 1 píxel sólido de color gris claro */
border-radius: 4px; /* Establece la curvatura de los bordes del campo de entrada */
box-sizing: border-box; /* Hace que el ancho y el alto incluyan el contenido, el relleno y el borde, pero no los márgenes */
}
/* Estilo para el botón de envío del formulario */
input[type="submit"] {
width: 100%; /* Establece el ancho del botón de envío al 100% del contenedor */
padding: 10px; /* Añade relleno dentro del botón de envío */
background-color: #49ab4c; /* Establece el color de fondo del botón de envío */
color: #fff; /* Establece el color del texto del botón de envío */
border-radius: 4px; /* Establece la curvatura de los bordes del botón de envío */
}
PROYECTOS, CURSOS, CÓDIGOS FUENTE AQUÍ:
👉 shop.byspel.com/
Mi Sitio Web:
👉byspel.com
Apoya mi contenido con una donación!:
✅ paypal.me/byspel
SÍGUEME en mis redes sociales, para estar en contacto!
👥 - FACEBOOK: / byspelco
✅ WhatsApp: whatsapp.com/c...
🐦 - TWITTER: / byspel
📸 - Instagram: / byspel_tech
📲 - TikTok: / byspel
🏴 - Threads: www.threads.ne...
------------------------------
Haru by Roa
/ roa_music1031
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: tinyurl.com/4a...
Music promoted by Audio Library tinyurl.com/2s...
------------------------------
🎵 Track Info:
Title: Haru by Roa
Genre and Mood: Dance & Electronic + Happy
---
🎧 Available on:
Spotify: open.spotify.c....
iTunes: geo.music.appl....
Deezer: www.deezer.com...
KZbin:
• Roa - Haru 【Official】
SoundCloud:
/ haru
KZbin Music:
• Roa - Haru 【Official】
---
😊 Contact the Artist:
Roa:
contact.roamusic.yt@gmail.com
/ roa_music1031
/ @roamusic
open.spotify.c....
/ roa
play.google.co....
deezer.com/us/...
/ roa__music
/ roa__music
/ roamusiccc
---