TESTE HTML

Testador de Código HTML

Escreva, visualize e teste seu código HTML em tempo real

Editor de Código

<!DOCTYPE html>
<html>
<head>
    <title>Minha Página</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f5f5f5;
        }
        h1 {
            color: #2c3e50;
            border-bottom: 2px solid #3498db;
            padding-bottom: 10px;
        }
        .card {
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin: 20px 0;
        }
        button {
            background: #3498db;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 4px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Bem-vindo ao Testador HTML</h1>
    <div class="card">
        <p>Este é um exemplo de código HTML. Edite este código e clique em <strong>Executar</strong> para ver o resultado.</p>
        <button onclick="alert('Olá! Seu código está funcionando.')">Clique Aqui</button>
    </div>
    <div class="card">
        <h2>Recursos do Testador</h2>
        <ul>
            <li>Visualização em tempo real</li>
            <li>Exemplos pré-definidos</li>
            <li>Interface responsiva</li>
            <li>Fácil de usar</li>
        </ul>
    </div>
</body>
</html>

Visualização Pronto

Pesquisar este blog

.

TESTE HTML

Testador de Código HTML

Exemplos Prontos