Pagos

Convertidor HTML a ZIP

HTML

<!DOCTYPE html>

<html lang="es">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Mi Pagina Web</title>

    <link rel="stylesheet" href="styles.css">

</head>

<body>

    <div class="container">

        <h1>Hola Mundo!</h1>

        <p>Esta es mi pagina web.</p>

        <button onclick="saludar()">Hacer clic</button>

    </div>

    <script src="script.js"></script>

</body>

</html>

CSS

body {

    font-family: Arial, sans-serif;

    margin: 0;

    padding: 20px;

    background: #f0f0f0;

}

.container {

    background: white;

    padding: 40px;

    border-radius: 10px;

    box-shadow: 0 2px 10px rgba(0,0,0,0.1);

    text-align: center;

    max-width: 500px;

    margin: 50px auto;

}

h1 {

    color: #333;

    margin-bottom: 20px;

}

p {

    color: #666;

    margin-bottom: 30px;

}

button {

    background: #007bff;

    color: white;

    border: none;

    padding: 10px 20px;

    border-radius: 5px;

    cursor: pointer;

    font-size: 16px;

}

button:hover {

    background: #0056b3;

}

JavaScript

function saludar() {

    alert('Hola! Gracias por usar el convertidor');

}

document.addEventListener('DOMContentLoaded', function() {

    console.log('Pagina cargada correctamente');

});

Vista Previa

Buscar este blog

Pagos

Convertidor HTML a ZIP

Entradas populares de este blog