...

/

How it Works: Creating a Basic HTML Page

How it Works: Creating a Basic HTML Page

In this lesson, we will understand how we implemented our HTML from the last lesson. Let's begin!

In the previous lesson, we brought our very first HTML page to life. Now is the time to unveil the mechanics behind our simple HTML page.

Mechanics behind our simple HTML page

We’ll look at the package.json file first.

The package.json file defined what the npm start command should do:

Press + to interact
{
"name": "unraveling-html5-2nd-edition",
"version": "1.0.0",
"description": "Code samples for the Unraveling HTML5, CSS, and JavaScript book",
"scripts": {
"start": "live-server --port=8080"
},
"keywords": [],
"author": "Istvan Novak (dotneteer@hotmail.com)",
"license": "ISC"
}

As you typed npm start in the command line, live-server started a mini web server listening for requests on port 8080, launched the web browser, and navigated to the address provided by Educative (the link given underneath the live widget).

As a result of the browser’s request, the webserver retrieved the index.html file (the default file for the specified URL). The browser ...

Access this course and 1400+ top-rated courses and projects.