-
create
index.html
file inside your folder and give!
and presstab
key that gives the basic boiler plate code for thehtml
markup -
You will see the first line of html markup as
<!DOCTYPE html>
which tells the browser to load the html markup in the perticular and standard version which is the latestHTML5
version. -
Install the
live server
extension from theExtensions
of vscode
- First Include the
link
tag inside theHTML
file so that styles we write instyles.css
file will be applied to thetags
in the HTML
<link rel="stylesheet" href="style.css" />
- I am not using any of the CSS Frameworks those contain the pre-built
styled css classes
. In this project I will be using purevanilla css
.
- I used
Vanilla JavaScript
to add the dynamic time update with repect to the local time zone.
Output:
Live-Link of the project