Webleb - Code-Snippets - Geeignet zum Üben von 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>

Geeignet zum Üben von HTML/CSS/JS

Empfohlen

Ein Code von PNL

Ein Code von alejandrokundrah

Ein Code von creativefunction305

HTML

CSS

JS

Empfohlen

Ein Code von PNL

Ein Code von alejandrokundrah

Ein Code von creativefunction305

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS