Winter 2025/2026

Vorlagen

(1) HTML mit CSS/style
<!doctype html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">

    <title>Mein Seitentitel</title>
        
    <style>



    </style>
</head>


<body>



</body>
(2) HTML mit CSS/style und mit CSS-Reset
<!doctype html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/destyle.css@4.0.1/destyle.css">

    <title>Mein Seitentitel</title>
        
    <style>



    </style>
</head>


<body>



</body>
(3) HTML mit CSS/style und Javascript/script
<!doctype html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">

    <title>Mein Seitentitel</title>
        
    <style>



    </style>
</head>


<body>



    <script>



    </script>
</body>
(4) HTML mit verlinktem CSS und Javascript

CSS wird in die Datei style.css ausgelagert, JavaScript in die Datei script.js

<!doctype html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">

    <title>Mein Seitentitel</title>

    <!-- CSS in die Datei style.css einfügen -->
    <link rel="stylesheet" href="style.css">
</head>


<body>



    <!-- Javascript in die Datei script.js einfügen -->
    <script src="script.js"></script>
</body>