1 Minute HTML - Hello World in HTML

20
1 Minute HTML Hello World in HTML

Transcript of 1 Minute HTML - Hello World in HTML

Page 1: 1 Minute HTML - Hello World in HTML

1 Minute HTML

Hello World in HTML

Page 2: 1 Minute HTML - Hello World in HTML

We’ll create a simple .html file

Page 3: 1 Minute HTML - Hello World in HTML

That makes a simple

“Hello World” page

Page 4: 1 Minute HTML - Hello World in HTML

Let’s type in HTML

Page 5: 1 Minute HTML - Hello World in HTML

HTML file always starts with

<!DOCTYPE html>

Page 6: 1 Minute HTML - Hello World in HTML

The outmost element is

<html> </html>

Page 7: 1 Minute HTML - Hello World in HTML

<head> </head> contains

stuff invisible in document content

Page 8: 1 Minute HTML - Hello World in HTML

<head> </head> contains

stuff invisible in document content

What is it?

Page 9: 1 Minute HTML - Hello World in HTML
Page 10: 1 Minute HTML - Hello World in HTML

Document Content

Page 11: 1 Minute HTML - Hello World in HTML

<body> </body> contains

document content

Page 12: 1 Minute HTML - Hello World in HTML

Nothing appears,

As <body> </body> is empty

Page 13: 1 Minute HTML - Hello World in HTML

Let’s add a title

Page 14: 1 Minute HTML - Hello World in HTML
Page 15: 1 Minute HTML - Hello World in HTML

Reloading the page…• Windows – F5

• Mac – Command + R

Page 16: 1 Minute HTML - Hello World in HTML

<title>Page Tile</title>

Page 17: 1 Minute HTML - Hello World in HTML

Let’s add

“Hello World”

in the body

Page 18: 1 Minute HTML - Hello World in HTML

Inside <body> </body> is

available in document content

Page 19: 1 Minute HTML - Hello World in HTML

Reloading the page…• Windows – F5

• Mac – Command + R

Page 20: 1 Minute HTML - Hello World in HTML