HTTP/Hypertext Transfer Protocol: How message pass to computers

WWW = HTML + HTTP + URL

HTML → Structure

CSS → Presentation

Javascript → Behaviour

<p>
 <font color="blue" face="sans-serif" size="20">
		Is this structure or presentation?
	</font>
</p>

Hypertext Markup Language

<h1>Kofstr</h1>
<h2>Connecting Hipsters to Coffee Shops</h2>
<body>Kofster is the place to find the best coffee shops in town to match your flannel shirt and your ironic moustache</body>

DOM → Document Object Model

Page Layout

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Kofster</title>
	</head>
	<body>
		Page content
	</body>
</html>

<!-- BLOCK elements -->
<main>
<div id="unique_id" class="class 1 class2">
</div>
<table>
<form>
<p>
<h1> {
	color: blue; <!-- Declarations -->
	font-size: small; <!-- Declarations -->
} </h1>

<styple>
	h1 {color: blue};
	p  {color: brown};
</style>
<footer>Copyright Rin 2021</footer>

<!-- INLINE elements-->
<span>
<a>
<img>
<em>
<strong>