1. ITI 133 HTML5 Desktop and Mobile Level I
Session II
Chapter 3 - How to Use HTML to Structure a Web Page

2. Class Outline Code the Head Section Code the Text Elements
Structure the Content
Code Links, List and Images
Structure the Web Page
Student Exercise 1
9/18/2018
Copyright © Carl M. Burnett

3. Code the Head Section Title Favicon Metadata – charset, name, content
External
CSS
JavaScript
Global
9/18/2018
Copyright © Carl M. Burnett

4. Code the Text Elements Heading and Paragraphs Special Blocks of Text
h1, h2, h3, h4, h5, h6, p
Special Blocks of Text
pre, blockquote, address
Inline Elements – page 91
Character Entities – page 93
9/18/2018
Copyright © Carl M. Burnett

5. Core HTML Attributes id – Unique identifier for element for CSS.
class – class name for use by CSS.
title – additional info for tooltip.
lang – language of the content of the element.
9/18/2018
Copyright © Carl M. Burnett

6. Structure the Content HTML Block Elements HTML5 Semantic Elements
<div> Element
<span> Element
HTML5 Semantic Elements
Other HTML5 Elements
9/18/2018
Copyright © Carl M. Burnett

7. Code Links, List and Images
Coding for:
Links
List
Images
9/18/2018
Copyright © Carl M. Burnett

8. Structure the Web Page Page Layout HTML File 9/18/2018
Copyright © Carl M. Burnett

9. Student Exercise 1 Complete Exercise 3-1, page 120 using Dreamweaver.
The Town_Hall directory listed in the book is now the root directory on your developmental site.
The c3_content.txt file listed in the book for Exercise 3-1 is located in the txt folder on your developmental site.
Upload your HTML home page file to the live site to preview.
Students will preview in browser website files
9/18/2018
Copyright © Carl M. Burnett

10. Next: Chapter 4 – How to Use CSS to Format the Elements of a Web Page
Class Review
Code the Head Section
Code the Text Elements
Structure the Content
Code Links, List and Images
Structure the Web Page
Student Exercise 1
Next: Chapter 4 – How to Use CSS to Format the Elements of a Web Page
9/18/2018
Copyright © Carl M. Burnett