As a text editor, you can take any that you like – Atom, Sublime Text, Visual Studio Code, Notepad ++ and others. In this tutorial, I will focus on the Visual Studio Code text editor , as it is the most popular.
You can also use the latest versions of any preferred web browser as the browser. In this guide, I will primarily focus on Google Chrome.
First, let’s define a directory for our application. For example, let’s create a folder app on drive C. In this folder, let’s create a file called index.html . That is, this file will represent a web page with HTML code.
Let’s open this file in a text editor and define the following code in the file:
This is where we define standard html elements. The head element defines the utf-8 encoding and the title (element title). The body element defines the body of the web page, which in this case consists of only one <script> element.
View of the file in the Visual Studio Code text editor:
Now that the web page is ready, let’s open it in a web browser: