Front End Development: Introduction to HTML

Presentation

•

Computers

•

10th Grade

•

Easy

Michael Kendall

Used 6+ times

FREE Resource

8 Slides • 1 Question

Front End Development: Introduction to HTML

by Michael Kendall

Today's Agenda:

- Objective

- Do-Now

-What is HTML?

- HTML Tags and Syntax

- Putting it all together

-Front-End / Back-End Exit Ticket

Objective:

Upon successful completion of this lesson, SWBAT:

- Write a simple web page using HTML.
- Be able to explain how HTTP is used to send HTML documents across the internet.

Open Ended

In your own words, explain the difference between front-end and back-end development.

Type response here

What is HTML?

- HTML stands for Hyper Text Markup Language
- HTML is the standard markup language for creating Web pages
- HTML describes the structure of a Web page
- HTML consists of a series of elements
- HTML elements tell the browser how to display the content
-HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

What does HTML look like?

<!DOCTYPE html>

<html>

<head><title>Page Title</title>

</head>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body><

/html>

HTML Tags:

Together they make an HTML element.

What is an HTML Element?

-An HTML element is defined by a start tag, some content, and an end tag:

<tagname>Content goes here...</tagname>

-The HTML element is everything from the start tag to the end tag:

<h1>My First Heading</h1>

<p>My first paragraph.</p>

HTML Practice, please go to repl.it and open a new repl.

Front End Development: Introduction to HTML

by Michael Kendall

Show answer

Auto Play

Slide 1 / 9

SLIDE

Similar Resources on Wayground

6 questions

ΜΗΧΑΝΕΣ ΑΝΑΖΗΤΗΣΗΣ - ΠΩΣ ΛΕΙΤΟΥΡΓΟΥΝ

Lesson

•

10th Grade

9 questions

Juego de Basta 3°A

Lesson

•

10th Grade

6 questions

S3 DDD - Analysis starter (2)

Lesson

•

11th Grade

6 questions

ProCon : Algorithm

Lesson

•

11th Grade

7 questions

TIN 9 - BÀI 3 - TỔ CHỨC VÀ TRUY CẬP THÔNG TIN TRÊN INTERNET

Lesson

•

9th Grade

7 questions

ray diagrams for lenses

Lesson

•

10th Grade

6 questions

Recount Text

Lesson

•

10th Grade

6 questions

Workplace Conflicts (Speaking)

Lesson

•

10th Grade

Popular Resources on Wayground

7 questions

History of Valentine's Day

Interactive video

•

4th Grade

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

15 questions

Valentine's Day Trivia

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

Discover more resources for Computers

10 questions

Exploring Valentine's Day with Charlie Brown

Interactive video

•

6th - 10th Grade

18 questions

Valentines Day Trivia

Quiz

•

3rd Grade - University

20 questions

-AR -ER -IR present tense

Quiz

•

10th - 12th Grade

10 questions

Valentine's Day History and Traditions

Interactive video

•

6th - 10th Grade

21 questions

Presidents Day Trivia

Quiz

•

6th - 12th Grade

10 questions

Valentine's Day: History and Modern Celebration

Interactive video

•

9th - 12th Grade

11 questions

Valentine's Day Trivia

Quiz

•

8th - 12th Grade

10 questions

Factor Quadratic Expressions with Various Coefficients

Quiz

•

9th - 12th Grade

Front End Development: Introduction to HTML

Front End Development: Introduction to HTML

​Today's Agenda:

​Objective:

​What is HTML?

​What does HTML look like?

​HTML Tags:

​What is an HTML Element?

HTML Practice, please go to repl.it and open a new repl​.

Front End Development: Introduction to HTML

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Computers

Today's Agenda:

Objective:

What is HTML?

What does HTML look like?

HTML Tags:

What is an HTML Element?

HTML Practice, please go to repl.it and open a new repl.