HTML

​ 1. Log in

2. Teams

3. Go to class notebook Autumn Term > HTML L1

4. Complete Do now

​Ethical hacking -

Unethical hacking -

​

Social Engineering -

​

Blagging -

​

Phishing -

Shouldering -

​

How can we prevent The main 3 social engineering strategies?

​

​

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

​

​

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

​

​

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

​

​

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

​

​

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

​

​

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

​

​

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

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

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

​Person A: I think …… because ….

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

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

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

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

​The browser reads the HTML code and displays the page

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

​What is HTML?

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

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

​

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

​

​

​Answer the following questions...

Multiple Choice

What does HTML stand for?

• Home Training Metric Length

• HugeTechnical Machine Support

• HypeTense Microsoft Level

• HyperText Markup Language

Multiple Choice

What do we call this? >

• Arrowhead

• End tag

• Cherry

• Chevron

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

​Common HTML elements

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

​Go to class notebook, complete Activity 1.

​List tags

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

​List tags

​Go to class notebook, complete Activity 2.