Introduction to HTML
Presentation
•
Computers
•
7th - 11th Grade
•
Easy
Hamish Arnold
Used 8+ times
FREE Resource
14 Slides • 15 Questions
1
Introduction to web design with HTML
By
2
Open Ended
What is HTML?
3
HTML stands for HyperText Markup Language
It is used to create web pages.
It is not a programming language.
You need a web browser to display HTML.
HTML
4
There are chevrons < > around tags.
The tags tell the browser what to do with the contents of the tag.
Most tags have a closing tag with a forward slash.
HTML
5
All HTML files will have these tags:
<!DOCTYPE html>
<html>
<head>
<body>
Boilerplate Tags
6
How to check
We can prove that all webpages have boilerplate tags by looking at the underlying code. To check:
Right click on a blank area of the web page
Select 'View Page Source'
Some developers even leave easter eggs in their code.
7
Let's see how much you've understood so far
8
Multiple Choice
HTML stands for...
Hyper Time Multiple Language
Hyper Text Mark-up Language
Hippo T-Rex Mascot Lemur
Hipper Text Make Language
9
Multiple Choice
Above is a visualisation of an HTML page structure:
Which of the following section is displayed in a browser.
<body> section
<head> section
<title> section
none of the above
10
Multiple Choice
The _______________ declaration defines this document to be HTML5
<!DOCTYPE html>
<html>
<head>
<title>
11
Multiple Choice
The end tag is written like the start tag, but with a forward slash inserted before the tag name. Which is the following is an example of a correct end tag?
<p>
<p/>
</p>
</p/>
12
Multiple Choice
HTML tags normally come _________ like <p> and </p>
in pairs
in groups
in one
in single
13
Multiple Choice
Which set contains all of the DEFAULT tags needed to create a webpage?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
<html>
<head>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
14
Task 1
Go to the Bassaleg Website (next slide)
Right click on an area in the page and select 'Inspect'
Try and alter the HTML code so that the page looks different.
Reward points for the most creative changes.
You have 5 minutes
15
16
Task 2
Using the cheat sheet, add the correct tags around each of the lines to format them correctly.
17
18
Task 3
Using what you have learned, create the website shown on your work booklet and in trinket.
Use the HTML cheat sheet to help you.
Extension: Using what you have learned, create your own website explaining the superiority of the Welsh Rugby team over all others. You can use trinket to do this.
19
20
Let's see what you've learned
Reward points for the top score
21
Multiple Choice
Which of the following tag is used for inserting the largest heading in HTML?
A. <h3>
B. <h1>
C. <h5>
D. <h6>
22
Multiple Choice
A program in HTML can be rendered and read by
A. Web browser
B. Server
C. Interpreter
D. None of the above
23
Multiple Choice
HTML tags are element names surrounded by __________.
<angle brackets>
(round brackets)
[square brackets]
(round brackets) and [square brackets]
24
Multiple Choice
The start tag is also called the ____________, and the end tag the closing tag.
start tag
beginning tag
new tag
opening tag
25
Multiple Choice
The <p> element defines a ___________.
title
heading
paragraph
page content
26
Multiple Choice
27
Multiple Choice
What tag starts and ends an unordered list?
<p> </p>
<ol> </ol>
<ul> </ul>
<h1> </h1>
28
Multiple Choice
What tag starts and ends a list?
<p> </p>
<ol> </ol>
<ul> </ul>
<li> </li>
29
Thank you for being a great group
Introduction to web design with HTML
By
Show answer
Auto Play
Slide 1 / 29
SLIDE
Similar Resources on Wayground
23 questions
Working Conditions of Industrialization
Presentation
•
8th - 12th Grade
22 questions
Dilations
Presentation
•
7th - 10th Grade
21 questions
Solving Inequalities Basics
Presentation
•
7th - 10th Grade
20 questions
Memoria RAM
Presentation
•
7th - 12th Grade
25 questions
Javascript
Presentation
•
8th - 11th Grade
22 questions
NIOS Data Entry Paper 1
Presentation
•
6th - 10th Grade
27 questions
One Step Inequalities
Presentation
•
7th - 10th Grade
20 questions
Lauruxandshawn
Presentation
•
KG
Popular Resources on Wayground
10 questions
HCS SCI 03 Summer School Review 4
Quiz
•
3rd Grade
11 questions
HSMS - Standard Response Protocol
Quiz
•
6th - 8th Grade
16 questions
1.1-1.2 Quiz Review
Quiz
•
9th - 12th Grade
12 questions
Exponent Expressions
Quiz
•
6th Grade
20 questions
Adding and Subtracting Integers
Quiz
•
6th - 7th Grade
11 questions
Northeast States
Quiz
•
3rd - 4th Grade
10 questions
Characterization
Quiz
•
3rd - 7th Grade
10 questions
Common Denominators
Quiz
•
5th Grade
Discover more resources for Computers
11 questions
HSMS - Standard Response Protocol
Quiz
•
6th - 8th Grade
16 questions
1.1-1.2 Quiz Review
Quiz
•
9th - 12th Grade
20 questions
Adding and Subtracting Integers
Quiz
•
6th - 7th Grade
10 questions
Characterization
Quiz
•
3rd - 7th Grade
11 questions
Negative Exponents
Quiz
•
7th - 8th Grade
15 questions
Ace the Interview! Quiz
Quiz
•
10th Grade