Download presentation
Presentation is loading. Please wait.
1
Web Development & Design Foundations with HTML5 8th Edition
Chapter 2 Key Concepts Copyright © Terry Felke-Morris
2
Special Characters Display special characters such as quotes, copyright symbol, etc. Character Code © © < < > > & &
3
Hands-on Practice 2.9 ( pages 47-48)
chapter2/design.html
4
HTML5 Structural Elements
header Element <header></header> Contains the web page document’s headings nav Element <nav></nav> Contains web page document’s main navigation main Element <main></main> Contains the web page document’s main content footer Element <footer></footer> Contains the web page document’s footer
5
HTML5 Structural Elements
<body> <header> document headings go here </header> <nav> main navigation goes here </nav> <main> main content goes here </main> <footer> document footer information goes here </footer> </body>
6
Hands-on Practice 2.10 (page 49)
chapter2/structure.html
7
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>
8
Hands-on Practice 2.11 (pages 50-51)
chapter2/casita.html
9
Anchor Element Specifies a hyperlink reference (href) to a file
Text between the <a> and </a> is displayed on the web page. <a href="contact.html">Contact Us</a> href Attribute Indicates the file name or URL
10
Hands-on practice 2.12 (page 52)
chapter2/anchor.html
11
Absolute & Relative Hyperlinks
Absolute link Link to a different website <a href=" Relative link Link to pages on your own site <a href="index.htm">Home</a>
12
Hyperlinks Hands-On Practice
13
Hands-on practice 2.13 (pages 53-56)
chapter2/2.13/index.html chapter2/2.13/services.html chapter2/2.13/contact.html
14
Hyperlink Automatically launch the default mail program configured for the browser If no browser default is configured, a message is displayed <a
15
Hands-on Practice 2.14 (Page 57)
chapter2/2.14/contact.html
16
Writing Valid HTML Check your code for syntax errors Benefit:
Valid code more consistent browser display W3C HTML Validation Tool
Similar presentations
