Bem-vindo ao meu site!

Explore a aplicação:


Python e HTML Juntos: Uma Dupla Poderosa na Web

Python e HTML são linguagens com propósitos diferentes, mas quando combinadas, elas se tornam a base para a maioria dos sites e aplicações web que usamos todos os dias. Pense no HTML como o esqueleto e a pele de um site, e no Python como o cérebro que faz tudo funcionar por trás das cenas.

O que é HTML? (A Estrutura da Página)

HTML (HyperText Markup Language) é a linguagem padrão para criar páginas web. Ele define a estrutura e o conteúdo de uma página.

Exemplo Simples de HTML:

   <!DOCTYPE html>
   <html>
   <head>
      <title>Minha Primeira Página</title>
   </head>
   <body>
      <h1>Bem-vindo ao meu site!</h1>
      <p>Este é um parágrafo de exemplo.</p>
      <a href="https://www.google.com">Ir para o Google</a>
   </body>
   </html>
   

Explicação: <h1> é um título principal, <p> é um parágrafo, e <a> é um link.

O que é Python? (A Lógica por Trás da Cena)

Python é uma linguagem de programação versátil e poderosa que pode ser usada para muitas coisas, incluindo o desenvolvimento web.

Exemplo Simples de Python:

   nome = "Mundo"
   mensagem = f"Olá, {nome}!"
   print(mensagem)
   

Este código define uma variável nome, cria uma mensagem personalizada e a imprime.

Como Eles Trabalham Juntos? (O Backend e o Frontend)

Aqui é onde a mágica acontece! Python e HTML se unem através de frameworks web como Flask ou Django.

Exemplo Prático: Uma Página de Saudação Personalizada

Vamos usar um micro-framework chamado Flask para ilustrar como Python gera HTML dinamicamente.

Passo 1: Instale o Flask (se ainda não tiver):

pip install Flask

Passo 2: Crie um arquivo Python (por exemplo, app.py):

   from flask import Flask, render_template_string
   app = Flask(__name__)

   @app.route('/')
   def home():
      nome_usuario = "Visitante"
      html_content = f"""
      <!DOCTYPE html>
      <html>
      <head>
           <title>Saudação Personalizada</title>
      </head>
      <body>
           <h1>Olá, {nome_usuario}!</h1>
           <p>Bem-vindo à sua página personalizada.</p>
      </body>
      </html>
      """
      return render_template_string(html_content)

   if __name__ == '__main__':
      app.run(debug=True)
   

Passo 3: Salve e execute o arquivo app.py:

python app.py

Acesse http://127.0.0.1:5000/ no seu navegador.

Ferramentas e Conceitos Chave

Explore a Aplicação

Para experimentar uma aplicação prática, clique no link abaixo:

Ir para a Calculadora de IMC