Search Header Logo
HTML Web Page Design

HTML Web Page Design

Assessment

Presentation

Computers

12th Grade

Hard

Created by

Steven Howard

Used 1+ times

FREE Resource

43 Slides • 14 Questions

1

Discover new features in Lessons!
Finish all phases of “I-do ; We-do ; You-do” with Quizizz

media
media
media
media

2

Introduction to HTML

10-28-2021

3

media

4

​​Today's Agenda:

​​- Objective

​- Do-Now

​-What is HTML?

​- HTML Tags and Syntax

​- Putting it all together

​-Exit Ticket

5

Open Ended

How do you think websites get delivered to our computers?

6

​​Objective:

​​Upon successful completion of this lesson, SWBAT:

  • Write a simple web page using HTML.

  • ​Use proper HTML syntax.

  • ​Understand how HTML is used to create websites.

    Be able to explain how HTTP is used to send HTML documents across the internet.

7

media

8

Open Ended

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

9

media

10

media

11

media

12

media

13

14

Video on HTML​

15

media

16

​​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.

17

What is a Website

A collection of individual and related web pages

Stored together

Hosted by a web server

What is a Web Page

Created by three-layer

Included with text, sound, video and images

Content Layer - HTML

Presentation Layer - CSS - Cascading style sheets

  • External stylesheets are stored in CSS files

Behavior Layer - JAVASCRIPT

18

media

19

media

20

media

21

media

22

media

23

media

24

media

25

media

26

media

27

media

28

media

29

media

30

media

31

Multiple Choice

What does HTML stand for?

1

Hyper Text Markup Language

2

Hyper Transfer Message Language

3

Home Tool Markup LanguageHyperlinks

4

Text Markup Language

32

Multiple Choice

Which would be the correct code to implement an unordered list?

1

<ol>

<li>...</li>

<ol/>

2

<ul>

<li>...</li>

<ul/>

3

<uol>

<li>...</li>

<uol/>

4

<li>

<ul>...</ul>

<li/>

33

Multiple Choice

Choose the correct HTML element for the largest heading:

1

<head>

2

<h1>

3

<heading>

4

<h6>

34

Multiple Choice

What defines the beginning and ending of the visible part of a webpage?

1

<head> main part of the document </body>

2

<body> main part of the document </html>

3

d) </body> main part of the document <html>

4

<body> main part of the document </body>

35

Multiple Choice

Which character is used to indicate an end tag?

1

!

2

#

3

/

4

\

36

Multiple Choice

How can you make a list that has no particular order?

1

<ol> </ol>

2

<ul> </ul>

3

<ol> <li>

4

<li> </ul

37

Multiple Choice

The <title> element must be located inside

1

the <head> element

2

the <body> element

38

Multiple Choice

Browsers do not display the HTML tags?

1

True

2

False

39

Multiple Choice

Which HTML element defines the title of a document?

1

<meta>

2

<title>

3

<head>

40

Multiple Choice

The start tag is also called the ...................

1

closing tag.

2

opening tag

3

Middle tag

4

Declaring tag

41

Multiple Choice

Web pages start with which of the following tag?

1

<Body>

2

<Title>

3

<HTML>

4

<Form>

42

Multiple Choice

Which tag do we use to create a paragraph?

1

<p> and </p>

2

<I> and </I>

3

<hr> and </hr>

4

<U> and </U>

43

media

44

media

45

media

46

media

47

media

48

media

49

media

50

media

51

media

52

media

53

media

54

media

55

media

56

media

57

media

Discover new features in Lessons!
Finish all phases of “I-do ; We-do ; You-do” with Quizizz

media
media
media
media

Show answer

Auto Play

Slide 1 / 57

SLIDE