List 4 Structural HTML Tags

Introduction

^

  • Who has heard of HTML?

^

  • three reasons why you might want to know HTML
  • Impress your friends and family!
  • Create a website for a small business, or work related project
  • Communicate with the people that make websites for you

Objective

^

At the end of this lesson, you will list 4 HTML tags

Who Invented HTML?

^

1990 Tim Berners-Lee is a contractor at CERN
[Particle physics laboratory]
[European Organization for Nuclear Research]

He creates HTML to create and navigate links between documents over the internet

^

tim-berners-lee.jpg

Tim Berners-Lee

How does HTML Become a Webpage

^

The User enters a URL into the address bar and presses enter

The request goes to the server ….

…. the server returns data to the users computer

[HTTP response]

^

The browser gets the data and parses it into JavaScript objects

Which are entities called nodes, that live in a JavaScript

’runtime’ or ’environment’

What is an HTML Tag?

^

A keyword enclosed in brackets < >

<DOCTYPE!> - no closing tag

^

Some ’tags’ have an opening and closing tag

<html> - opening tag
</html> - closing tag

The Four Tags You Need to Know for This Lesson

^

four_tags.jpg

HTML Tag Attributes

^

html-attributes.jpg

Diagram Showing Structure

^

html_tags.jpg

YOUR EXERCISE [3 or 4 minutes]

  • Write down the four structural tags we learned today

Check The Tags [Learning Assessment]

^ opening tags

html_1.jpg

^ closing tags

html_2.jpg