Intro to the Web
How the internet works
History
Web languages
Web requests
Web apps
History
Web languages
Web requests
Web apps
1969
ARPANET
October 29, 1969
October 29, 1969
login
October 29, 1969
lo
1971
First email
1990
WWW invented
1995
Ruby
MINASWAN
Matz Is Nice And So Are We
2005
Rails
2015
RailsBridge Triangle!
History
Web languages
Web requests
Web apps
HTML
HyperText Markup Language
<html>
<head>
<title>Example page</title>
</head>
<body>
<h1>A heading</h1>
<p>
This is a paragraph.
</p>
<p>
This is another paragraph. With <strong>bold</strong> and <em>italic</em> text.
</p>
<p>
Here is a pizza:<br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Kartoffel_pizza_%28with_border%29.jpg/320px-Kartoffel_pizza_%28with_border%29.jpg" alt="pizza">
</p>
<p>
You can learn more about HTML <a href="https://developer.mozilla.org/en-US/Learn/HTML">here</a>.
</p>
</body>
</html>
CSS
Cascading Style Sheets
<html>
<head>
<style>
.warning {
background-color: tomato;
}
</style>
</head>
<body>
<div>
Pizza is hot!
</div>
</body>
</html>
JS
Javascript
<html>
<head>
<script>
function pizzaTime(element) {
element.innerHTML = "<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Kartoffel_pizza_%28with_border%29.jpg/320px-Kartoffel_pizza_%28with_border%29.jpg' alt='pizza'>";
}
</script>
</head>
<body>
<div>
</div>
</body>
</html>
History
Web languages
Web requests
Web apps
History
Web languages
Web requests
Web apps
Web page
funnycatpix.com
- Static
- For viewing content
- No persistance
- Plain HTML
Web app
twitter.com
- Dynamic
- For creating content
- Persistance via database
- Generated HTML