The barebone basic structure before anything useful can be done
VS Code shortcut is ! then Enter
always put the main page in index.html
Elements
<!DOCTYPE html>
Doctype declaration → a special kind of node called “doctype” (not HTML element)
tells which version of HTML the file was written in (we need to use HTML 5)
<html>
actual html, the “root” of our document - everything is contained in here
lang attribute specifies the main language of document
enables screen readers, search engines, and translation/assistive services to know the document language
not limited to <html> tag, can also be used in CSS selectors
if omitted it will be implied, but just include it
value should be a language code, like en (just google it)
<head>
Where we put metadata that helps website to render correctly ⇒ includes the document title, character set, viewport settings, description, base URL, stylesheet links, and icons
important data that’s not rendered to the user
Mandatory
Character encoding
<meta charset="UTF-8" /> (u should just use UTF-8)
should be 1st element in <head> because it’s inherited into everything in the document