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!
We'll cover the following...
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.