Adecuado para practicar HTML/CSS/JS

728 iranking141579

Abrir en el editor Publica tu código

Recomendado

19 January 2026

Código HTML para incrustar en el juego flash Ruffle

20 August 2025

Plantilla HTML para blog de diseño moderno

22 August 2025

Blogium: Plantilla HTML para blogs de tecnología, diseño y vida

HTML

<!DOCTYPE html>

<head>

<title>Simple Page</title>

<style>

body {

margin: 0;

font-family: Arial, sans-serif;

background-color: #f2f2f2;

color: #333;

}

.wrapper {

max-width: 720px;

margin: 100px auto;

background-color: #ffffff;

padding: 32px;

border-radius: 12px;

}

h1 {

margin-top: 0;

font-size: 28px;

}

p {

line-height: 1.7;

font-size: 15px;

}

button {

margin-top: 20px;

padding: 10px 20px;

background-color: #3f8cff;

color: #fff;

border: none;

border-radius: 6px;

cursor: pointer;

}

button:hover {

opacity: 0.9;

}

</style>

</head>

<body>

<h1>Hello</h1>

<p>

This is a clean and simple HTML page.

It is easy to read and easy to edit.

</p>

<p>

The goal is clarity, not complexity.

</p>

<button onclick="showMessage()">Click me</button>

</div>

function showMessage() {

alert("Thanks for clicking!");

}

</script>

</body>

</html>

CSS