HTML - Vorlage

HTML mit externen JavaScript und CSS

<!DOCTYPE html>
<!-- Kommentar -->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <link rel="icon" href="favicon.ico" sizes="16x16" type="image/vnd.microsoft.icon">
        
        <link rel="stylesheet" href="css/std.css" />
        
        <script src="js/jquery-3.2.1.js"></script>
        <script src="js/index.js"></script>
        
    </head>
    <body>
        
        <p> Das ist ein Text </p>
           
    </body>
</html>

JavaScript Teil mit Hilfe von jQuery

/* Kommentar */
// Kommentar

$(document).ready(function(){
    
    $('p').click(function(){
        $(this).addClass('green');
    });
    
});


CCS - Teil

/*
 Kommentar
*/

.green{
    color:#8f8;    
}

.red{
    color:#f88;
}

Weiterführende Links

SELFHTML Wiki - https://wiki.selfhtml.org/wiki/Startseite