Adecuado para practicar HTML/CSS/JS

11 iranking141579

Abrir en el editor Publica tu código

Recomendado

25 November 2025

Plantilla HTML para sitio web de películas | Adaptable y con filtros

23 August 2025

Plantilla HTML para tienda de comercio electrónico Tailwind CSS

28 October 2025

Botón de alternancia de modo claro HTML/CSS/JS

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>

Recomendado

Plantilla HTML para sitio web de películas | Adaptable y con filtros

Plantilla HTML para tienda de comercio electrónico Tailwind CSS

Botón de alternancia de modo claro HTML/CSS/JS

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS