1. Web Development & Design Foundations with H T M L 5
Ninth Edition
Chapter 2
H T M L Basics
Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links by using INSERT+F7
If this PowerPoint presentation contains mathematical equations, you may need to check that your computer has the following installed:
1) MathType Plugin
2) Math Player (free versions available)
3) NVDA Reader (free versions available)
Copyright © 2019, 2017, 2015 Pearson Education, Inc. All Rights Reserved

2. Heading Element
<h1>Heading Level 1</h1> <h2>Heading Level 2</h2> <h3>Heading Level 3</h3> <h4>Heading Level 4</h4> <h5>Heading Level 5</h5> <h6>Heading Level 6</h6>

3. Hands-on practice 2.2 (Page 34)
chapter2/heading.html

4. Paragraph Element Paragraph element
<p> …paragraph goes here… </p>
Groups sentences and sections of text together.
Block Display – Configures empty space above and below

5. Hands-on practice 2.3 (Page 36)
chapter2/paragraph.html

6. Line Break Element Line Break element
Stand-alone, or void tag
…text goes here <br> This starts on a new line….
Causes the next element or text to display on a new line

7. Hands-on practice 2.4 (page 37)
chapter2/linebreak.html

8. Blockquote Element Blockquote element <blockquote>
Indents a block of text for special emphasis
<blockquote>
…text goes here…
</blockquote>
Block Display – Configures empty space above and below

9. Hands-on practice 2.5 (page 38)
chapter2/blockquote.html

10. Div Element
Configures a structural block area or “division” on a web page with empty space above and below.
Can contain other block display elements, including other div elements
<div>Home Services Contact</div>

11. H T M L 5 Structural Elements (1 of 2)

12. H T M L 5 Structural Elements (2 of 2)

13. Hands-on practice 2.10 (page 49)
chapter2/structure.html