Search Header Logo
HTML

HTML

Assessment

Presentation

•

Computers

•

9th Grade

•

Medium

Created by

Roy Duguid

Used 10+ times

FREE Resource

27 Slides • 2 Questions

1

​ 1. Log in

  1. Teams

  2. Go to class notebook Autumn Term > HTML L1

  3. Complete Do now

media

2

media

​Ethical hacking -

Unethical hacking -

​

Social Engineering -

​

Blagging -

​

Phishing -

Shouldering -

​

How can we prevent The main 3 social engineering strategies?

​

​

3

media

​Ethical hacking - Aims to identify any vulnerabilities a system has

Unethical hacking -

​

Social Engineering -

​

Blagging -

​

Phishing -

Shouldering -

​

How can we prevent The main 3 social engineering strategies?

​

​

4

media

​Ethical hacking - Aims to identify any vulnerabilities a system has

Unethical hacking - violates computer for their own personal profit or out of malice

Social Engineering -

​

Blagging -

​

Phishing -

Shouldering -

​

How can we prevent The main 3 social engineering strategies?

​

​

5

media

​Ethical hacking - Aims to identify any vulnerabilities a system has

Unethical hacking - violates computer for their own personal profit or out of malice

Social Engineering - The act of gaining data through social manipulation

Blagging -

​

Phishing -

Shouldering -

​

How can we prevent The main 3 social engineering strategies?

​

​

6

media

​Ethical hacking - Aims to identify any vulnerabilities a system has

Unethical hacking - violates computer for their own personal profit or out of malice

Social Engineering - The act of gaining data through social manipulation

Blagging - impersonating someone to persuade the victim to release data or money

Phishing -

Shouldering -

​

How can we prevent The main 3 social engineering strategies?

​

​

7

media

​Ethical hacking - Aims to identify any vulnerabilities a system has

Unethical hacking - violates computer for their own personal profit or out of malice

Social Engineering - The act of gaining data through social manipulation

Blagging - impersonating someone to persuade the victim to release data or money

Phishing - an email containing a link disguised as friendly.

Shouldering -

​

How can we prevent The main 3 social engineering strategies?

​

​

8

media

​Ethical hacking - Aims to identify any vulnerabilities a system has

Unethical hacking - violates computer for their own personal profit or out of malice

Social Engineering - The act of gaining data through social manipulation

Blagging - impersonating someone to persuade the victim to release data or money

Phishing - an email containing a link disguised as friendly.

Shouldering - seeing someone input their personal details i.e PIN

​

How can we prevent The main 3 social engineering strategies?

​

​

9

media

​Ethical hacking - Aims to identify any vulnerabilities a system has

Unethical hacking - violates computer for their own personal profit or out of malice

Social Engineering - The act of gaining data through social manipulation

Blagging - impersonating someone to persuade the victim to release data or money

Phishing - an email containing a link disguised as friendly.

Shouldering - seeing someone input their personal details i.e PIN

​

How can we prevent The main 3 social engineering strategies?

​

​Being aware / questioning

Know that a bank will never call and ask to move money to a safe account

Only click on emails from reliable sources.​

10

media

​Describe the purpose of HTML and tags when designing a website

​

​Create a simple webpage using basic tags

​

​

Extra Challenge:

Begin to think about images in relation to HTML

​

Key words:

Website, HTML, element, tag ​

11

media

​How do you think websites get delivered to our computers?

media

​Person A: I think …… because ….

Person B: I agree / disagree / would like to build on that….

12

​You type in a web address (URL – uniform resource locator) into the address bar in your browser, such as http://www.google.co.uk

media

13

​Your browser will need find the IP address of the URL from a DNS server (Domain Name System)

This allows your computer to make a request for the webpage from the correct server (using the IP address)

media

14

​The server responds by sending the webpage to your computer via the Hypertext Transfer Protocol (HTTP) as HTML code

media

15

​The browser reads the HTML code and displays the page

media

16

​HTML stands for HyperText Markup Language and it is used for creating webpages.

​

A web browser is designed to read HTML and then translate it into the things you can see on the screen.

​What is HTML?

media
media

17

​What is HTML?

media
media

​HTTML is a markup language as it defines structure.

​

​

HTML is not a programming language as it does not have features such as iteration (loops/repetition such as for and while) or branching (conditionals/decisions such as if, elif, and else).

18

​HTML essentials

​There are chevrons < > around tags.

​

The four essential HTML features are DOCTYPE, html, head, and body. This is what we call boilerplate code as every page has it.

​

Most tags have a closing tag with a forward slash.

​

media

19

​HTML essentials

​<!DOCTYPE html> is always the first line of an HTML file.

<html> tells the browser that we have used HTML to code the page.

<head> is meant for things that aren’t displayed in the main body of your page, like the title.

<body> contains all the content you want to see displayed.

​

​

media

20

​Answer the following questions...

21

Multiple Choice

What does HTML stand for?

1

Home Training Metric Length

2

HugeTechnical Machine Support

3

HypeTense Microsoft Level

4

HyperText Markup Language

22

Multiple Choice

What do we call this? >

1

Arrowhead

2

End tag

3

Cherry

4

Chevron

23

​Browser

​We can prove that all webpages have boilerplate by looking at the underlying code for one.

​

In a browser we can:

press CTRL+U

​

right-click on the page we are on and choose ‘View Source’ (IE) or ‘View Page Source’ (Chrome)

​

or right click 'inspect' (Chrome)​

​

​

​

​You should be able to find features from the boilerplate such as:

​

<!DOCTYPE>

<html>

<head>

<body>​

media

24

​Common HTML elements

media
media

25

media

​What do you think this code will display, and what will it look like?

26

​Go to class notebook, complete Activity 1.

27

​List tags

media

​Using HTML list tags we can create two different types of lists:

​

<ul> stands for unordered list

<ol> stands for an ordered list

​

What do you think is the difference?

28

​List tags

media

29

​Go to class notebook, complete Activity 2.

pattern-tertiary

​ 1. Log in

  1. Teams

  2. Go to class notebook Autumn Term > HTML L1

  3. Complete Do now

media

Show answer

Auto Play

Slide 1 / 29

SLIDE