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

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>

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

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

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

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

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

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

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

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>

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

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

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