5. Python WEB desde cero | COMO ENVIAR un CORREO ELECTRONICO con Python y Flask

Поделиться
HTML-код
  • Опубликовано: 9 фев 2025
  • 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...
    RUclips:
    • Roa - Haru 【Official】
    SoundCloud:
    / haru
    RUclips 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
    ---

Комментарии • 7