HTML & CSS Editor

HTML

<body>
    <h1>Willkommen zu unserer Webseite</h1>
    <p>Hier kann man einen Text schreiben z.B. zu dem Bild unten.</p>
    <img src="https://www.baycode.org/wp-content/uploads/2025/02/Manuel-Neuer-StM-Mehring-BayCode-2-1536x1347.jpg"
        alt="Ein Foto von Fußballprofi Manuel Neuer und Bayerns Digitalminister Dr. Fabian Mehring, die gemeinsam ein Tablet mit einem BayCode-Banner zeigen." />
    <ul>
        <li>Coding ist einfach zu lernen.</li>
        <li>Coding macht Spaß!</li>
    </ul>
</body>

CSS

body {
    font-family: Arial, sans-serif;
    font-size: 20px;
}

h1 { color: black; }

p { color: #4e4e4e; }

img {
    display: block;
    width: 400px;
    border-radius: 20px;
    margin: auto;
}

Browser Vorschau