HTML Lesson 2
Presentation
•
Computers
•
12th Grade
•
Easy
Mr Gabriel
Used 15+ times
FREE Resource
12 Slides • 7 Questions
1
HTML - Structured Tags
2
Structured Tags
H1 - H6 Tags
P tags
Br Tags
Hr Tags
Div
Ul and Li Tags
Ol and Li Tags
3
Heading Tag
<h1> </h1>
The <h1> to <h6> tags are used to define HTML headings.
<h1> defines the most important heading and the biggest. <h6> defines the least important heading which is the smallest.
4
Heading Tag example:
5
Multiple Choice
Which heading tag displays the largest text?
<h6>
<h5>
<h1>
<h3>
<h2>
6
Labelling
Place the heading tags in its proper location.
<h1>
</h5>
</h3>
<h2>
<h3>
<h5>
</h2>
</h1>
7
Paragraphs Tag
<p> </p>
A paragraph always starts on a new line, and browsers automatically add some space (margin) before and after a paragraph.
8
Line Break Tag
The <br> tag inserts a single line break.
The <br> tag is useful for writing addresses or other form of text.
The <br> tag is an empty tag which means that it has no end tag.
<br />
9
Multiple Choice
Does the line break tag "<br />" have a closing tag?
Yes
No
10
Differences Between <br /> and the <p> </p> Tags
11
Multiple Select
Select the two tags that breaks the line.
<p>
<hr />
<br />
<dv>
12
Horizontal Rule Tag
The <hr> tag defines a thematic break in an HTML page (e.g. a shift of topic).
The <hr> element is most often displayed as a horizontal rule that is used to separate content (or define a change) in an HTML page.
<hr />
13
Example of an Ordered and Unordered List
14
Unordered List Tags
<ul> </ul>
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
The list items will be marked with bullets (small black circles) by default.
15
Dropdown
<
<
<li> List 2 <
<
16
Ordered List Tags
<ol> </ol>
An ordered list starts with the <ol> tag. Each listed item starts with the <li> tag.
The list items will be marked with numbers by default.
17
Dropdown
<
<
<li> List 2 <
<
18
Open Ended
Utilize this image and write HTML code matching this Image.
Remember:
<h1> </h1> - for heading.
<ul> </ul> - unordered list
<ol> </ol> - ordered list
<li> </li> - lists
19
Classwork
Create an unordered and ordered list.
Open Visual Studio Code
Name your file Classwork-2.html
Start with the basics <!DOCTYPE html>
Create a random list using the <ol>, <ul> & <li> tags
Classwork will be graded today
HTML - Structured Tags
Show answer
Auto Play
Slide 1 / 19
SLIDE
Similar Resources on Wayground
13 questions
thermochemistry
Presentation
•
12th Grade
15 questions
1. Introduction to HTML csc20
Presentation
•
University
14 questions
Sintaks PHP
Presentation
•
11th Grade
15 questions
Interactive Lesson
Presentation
•
11th Grade
13 questions
Exploring the Cloud: Unleashing the Power of Cloud Computing
Presentation
•
12th Grade
16 questions
ENZIM & METABOLISME
Presentation
•
12th Grade
12 questions
Functor and Applicative Quiz
Presentation
•
University
18 questions
ภาษา html
Presentation
•
12th Grade
Popular Resources on Wayground
20 questions
Math Review
Quiz
•
3rd Grade
15 questions
Fast food
Quiz
•
7th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
19 questions
Classifying Quadrilaterals
Quiz
•
3rd Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
10 questions
Identify Fractions, Mixed Numbers & Improper Fractions
Quiz
•
3rd - 4th Grade
Discover more resources for Computers
10 questions
Fact Check Ice Breaker: Two truths and a lie
Quiz
•
5th - 12th Grade
10 questions
Video Games
Quiz
•
6th - 12th Grade
15 questions
Memorial Day Trivia
Quiz
•
KG - 12th Grade
12 questions
Name that Candy
Quiz
•
KG - 12th Grade
22 questions
Regular Preterite -AR-ER-IR-
Quiz
•
12th Grade
20 questions
Guess The App
Quiz
•
KG - Professional Dev...
30 questions
K/H Final Review Part 1
Quiz
•
9th - 12th Grade
40 questions
NCFE Earth and Environmental Science Released Test
Quiz
•
9th - 12th Grade