Front End Development: Introduction to HTML
Presentation
•
Computers
•
10th Grade
•
Easy
Michael Kendall
Used 6+ times
FREE Resource
8 Slides • 1 Question
1
Front End Development: Introduction to HTML
by Michael Kendall
2
Today's Agenda:
- Objective
- Do-Now
-What is HTML?
- HTML Tags and Syntax
- Putting it all together
-Front-End / Back-End Exit Ticket
3
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.
4
Open Ended
In your own words, explain the difference between front-end and back-end development.
5
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.
6
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>
7
HTML Tags:
<opening> </closing>
Together they make an HTML element.
8
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>
9
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
10 questions
Factoring a Trinomial where a>1
Presentation
•
10th Grade
6 questions
Present Unreal Conditionals
Presentation
•
10th Grade
7 questions
BALANCE DE ECUACIONES QUÍMICAS: MÈTODO ALGEBRAICO
Presentation
•
10th Grade
6 questions
There There Opening Discussion (3-26)
Presentation
•
10th - 11th Grade
11 questions
Lesson 3
Presentation
•
10th Grade
7 questions
خصائص صفحة الويب
Presentation
•
10th Grade
9 questions
6 сынып
Presentation
•
10th Grade
8 questions
ЕГЭ задание 19
Presentation
•
10th - 11th Grade
Popular Resources on Wayground
20 questions
Math Review
Quiz
•
3rd Grade
15 questions
Fast food
Quiz
•
7th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
19 questions
Classifying Quadrilaterals
Quiz
•
3rd Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
10 questions
Identify Fractions, Mixed Numbers & Improper Fractions
Quiz
•
3rd - 4th Grade
Discover more resources for Computers
10 questions
Fact Check Ice Breaker: Two truths and a lie
Quiz
•
5th - 12th Grade
10 questions
Video Games
Quiz
•
6th - 12th Grade
10 questions
Test Your Knowledge with 15 Fun Trivia Questions
Interactive video
•
6th - 10th Grade
15 questions
Memorial Day Trivia
Quiz
•
KG - 12th Grade
12 questions
Name that Candy
Quiz
•
KG - 12th Grade
20 questions
Guess The App
Quiz
•
KG - Professional Dev...
30 questions
K/H Final Review Part 1
Quiz
•
9th - 12th Grade
40 questions
NCFE Earth and Environmental Science Released Test
Quiz
•
9th - 12th Grade