Comment on page

Code editor

The code editor has 3 tabs:
  • HTML
  • CSS
  • JavaScript
Each of these tabs can be used to write code using the corresponding language.
All 3 of the previous mentioned languages can even be used within the same file, like this:
<!DOCTYPE html>
body {
background-color: lightblue;
h1 {
color: white;
text-align: center;
p {
font-family: verdana;
font-size: 20px;
// Some javascript code
<h1> This is a h1 header </h1>
<p> This is a paragraph </p>
However, as best practices dictate, it is advisable to separate the design in 3 different files; one for each of the 3 different languages. This is the reason why the widget's code editor has a dedicated tab for each language.