On this page

Basics

A web page is usually created using three languages:

HTML: HyperText Markup Language
JS: JavaScript
CSS: Cascading Style Sheets

Starter Template

index.htmlcss/main.cssjs/main.js

html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Starter Template</title>
    <link href="./css/main.css" rel="stylesheet">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <p id="message" class="info"></p>
    <script src="./js/main.js"></script>
  </body>
</html>

css

.info{
    color: red;
}

js

document.addEventListener("DOMContentLoaded", (event) => {
    const elem = document.querySelector("#message");
    const today = new Date();
    elem.innerHTML = today.getDate() + "/"+ (today.getMonth()+1) + "/" +today.getFullYear() ;
});

More Complete Template

HTML5 Boilerplate