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 Liamgilles76

Ein Code von bachir123

Ein Code von Metehan

HTML

CSS

JS

Empfohlen

Ein Code von Liamgilles76

Ein Code von bachir123

Ein Code von Metehan

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS