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.
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. Imagine-o como o projeto arquitetônico de uma casa, especificando onde as paredes, janelas e portas estarão.
<!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>
<h1> é um título principal.
<p> é um parágrafo.
<a> é um link.
Quando você abre esse código em um navegador, ele renderiza a página com o título, o parágrafo e o link. O HTML é estático, ou seja, ele não faz nada por si só além de exibir o conteúdo.
Python é uma linguagem de programação versátil e poderosa que pode ser usada para muitas coisas, incluindo o desenvolvimento web. No contexto da web, Python é frequentemente usado no "backend" (o lado do servidor), onde ele lida com a lógica, o processamento de dados e a interação com bancos de dados.
nome = "Mundo"
mensagem = f"Olá, {nome}!"
print(mensagem)
Este código Python simplesmente define uma variável nome, cria uma mensagem personalizada e a imprime. Ele é dinâmico e pode realizar cálculos, tomar decisões e interagir com outros sistemas.
Aqui é onde a mágica acontece! Python e HTML se unem através de frameworks web como Flask ou Django.
Vamos usar um micro-framework chamado Flask para ilustrar como Python gera HTML.
pip install Flask
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>
<p>A data e hora atual é: {get_current_time()}</p>
</body>
</html>
"""
return render_template_string(html_content)
def get_current_time():
from datetime import datetime
return datetime.now().strftime("%H:%M:%S em %d/%m/%Y")
if __name__ == '__main__':
app.run(debug=True)
python app.py
Quando você acessa http://127.0.0.1:5000/, o Flask executa a função home() no seu código Python...
HTML: Define o que você vê (a estrutura, o texto, as imagens, os links). É o "corpo" da página.
Python: Define o que acontece por trás das cenas (a lógica, os dados, a interação com o servidor). É o "cérebro" da aplicação web.
Juntos, eles permitem que você crie páginas web que não são apenas bonitas, mas também interativas, personalizadas e capazes de lidar com dados e usuários de forma dinâmica.