Posted on • Edited on • Originally published atcodewithshriekdj.netlify.app
Building Website from Scratch - Part 3
So Now I Am gonna Try to Change Code WithVS Code ( Visual Studio Code ) Editor.
The VS Code Have also There own Boilerplate for HTML File Which I Am Gonna Use and It Will Look Like Given Below.
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Hello World</title></head><body><h1>Hello World</h1></body></html>Here
<html lang="en">will inform the Website is in English Language just Like the Language Code for Hindi is hiLanguage Code List.
Some Other Changes
I Also Added the Given Below Code In the File
<divclass="wrapper"><headerclass="header">Website Header</header><navclass="nav"><ahref="#">Home</a><br/><ahref="#">About</a><br/><ahref="#">Contact</a><br/></nav></div>I Made The<header></header> and<nav></nav> tag separate because i like it that way and added them in wrapper div tag.
headertag can be used for Website Logo as Image Or Name.
navtag is for the links within the site
All The Three<meta> are something like a additional information for site and Soms Configuration of the Site for all types of screens.
Site Looks like this Image.
Pull Request
GitHub Repo
Top comments(0)
For further actions, you may consider blocking this person and/orreporting abuse
