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
8 questions
Google Sites
Presentation
•
10th Grade
7 questions
PTS ASJ KLS 11
Presentation
•
11th Grade
8 questions
INSTALASI KABEL STRAIGHT
Presentation
•
9th Grade
8 questions
Консультация
Presentation
•
9th Grade
9 questions
Orden de números racionales
Presentation
•
10th Grade
7 questions
Untitled Lesson
Presentation
•
KG
7 questions
Asam basa
Presentation
•
10th Grade
Popular Resources on Wayground
6 questions
Secondary Safety Quiz
Presentation
•
9th - 12th Grade
10 questions
MyPath Diagnostic Overview
Presentation
•
6th - 8th Grade
20 questions
Lab Safety Quiz
Quiz
•
6th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
20 questions
Adding and Subtracting Decimals
Quiz
•
5th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
16 questions
Subject & Predicate
Quiz
•
5th Grade
21 questions
Lab Safety
Quiz
•
10th Grade
Discover more resources for Computers
20 questions
Early Computing
Quiz
•
7th - 12th Grade
20 questions
Module 1 Topic 1 Vocabulary
Quiz
•
9th - 12th Grade
10 questions
Exploring Computer Hardware and Software Components
Interactive video
•
6th - 10th Grade
39 questions
Safety Review
Quiz
•
9th - 12th Grade
20 questions
Digital Citizenship
Quiz
•
8th - 12th Grade
22 questions
Electronic Computing
Quiz
•
8th - 12th Grade