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>
<html>
<head>
<style>
body {
   background-color: lightblue;
}
h1 {
   color: white;
   text-align: center;
}
p {
   font-family: verdana;
   font-size: 20px;
}
</style>
</head>
<body>
<script>
  // Some javascript code
</script>
<h1> This is a h1 header </h1>
<p> This is a paragraph </p>
</body>
</html>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.
Last updated
Was this helpful?
