HTML5 and CSS Complete Seventh Edition Gary B Shelly

latest pdf 2025

Available on ebookgate.com
https://ebookgate.com/product/html5-and-css-complete-seventh-
edition-gary-b-shelly/

★★★★★
4.6 out of 5.0 (85 reviews )

Get PDF Instantly

HTML5 and CSS Complete Seventh Edition Gary B Shelly

EBOOK

Available Formats

■ PDF eBook Study Guide Ebook

EXCLUSIVE 2025 ACADEMIC EDITION – LIMITED RELEASE

Available Instantly Access Library

Instant digital products (PDF, ePub, MOBI) available
Download now and explore formats that suit you...

Microsoft Windows 7 Complete Shelly Cashman Series 1st

Edition Gary B. Shelly

https://ebookgate.com/product/microsoft-windows-7-complete-shelly-
cashman-series-1st-edition-gary-b-shelly/

ebookgate.com

Discovering the Internet Complete 4th Edition Gary B.

Shelly

https://ebookgate.com/product/discovering-the-internet-complete-4th-
edition-gary-b-shelly/

ebookgate.com

Adobe Dreamweaver CS4 Introductory Concepts and Techniques

Shelly Cashman 1st Edition Gary B. Shelly

https://ebookgate.com/product/adobe-dreamweaver-cs4-introductory-
concepts-and-techniques-shelly-cashman-1st-edition-gary-b-shelly/

ebookgate.com

Microsoft Excel 2010 Comprehensive 1st Edition Gary B.

Shelly

https://ebookgate.com/product/microsoft-excel-2010-comprehensive-1st-
edition-gary-b-shelly/

ebookgate.com
Adobe Dreamweaver CS5 Introductory 1st Edition Gary B.
Shelly

https://ebookgate.com/product/adobe-dreamweaver-cs5-introductory-1st-
edition-gary-b-shelly/

ebookgate.com

Web design introductory concepts and techniques 3rd

Edition Gary B. Shelly

https://ebookgate.com/product/web-design-introductory-concepts-and-
techniques-3rd-edition-gary-b-shelly/

ebookgate.com

Microsoft Expression Web 3 Comprehensive 1st Edition Gary

B. Shelly

https://ebookgate.com/product/microsoft-expression-
web-3-comprehensive-1st-edition-gary-b-shelly/

ebookgate.com

Microsoft Word 2010 Introductory Shelly Cashman Series r

Office 2010 1st Edition Gary B. Shelly

https://ebookgate.com/product/microsoft-word-2010-introductory-shelly-
cashman-series-r-office-2010-1st-edition-gary-b-shelly/

ebookgate.com

Teachers Discovering Computers Integrating Technology and

Digital Media in the Classroom 6th Edition Shelly Cashman
Series Gary B. Shelly
https://ebookgate.com/product/teachers-discovering-computers-
integrating-technology-and-digital-media-in-the-classroom-6th-edition-
shelly-cashman-series-gary-b-shelly/
ebookgate.com
Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
This is an electronic version of the print textbook. Due to electronic rights restrictions, some third party content may be suppressed. Editorial
review has deemed that any suppressed content does not materially affect the overall learning experience. The publisher reserves the right to
remove content from this title at any time if subsequent rights restrictions require it. For valuable information on pricing, previous
editions, changes to current editions, and alternate formats, please visit www.cengage.com/highered to search by
ISBN#, author, title, or keyword for materials in your areas of interest.

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 HTML5 and CSS © 2013 Course Technology, Cengage Learning
Complete, Seventh Edition
Denise M. Woods WCN: 02-200-203

Vice President, Publisher: Nicole Pinard

ALL RIGHTS RESERVED. No part of this work covered by the copyright herein
Executive Editor: Kathleen McMahon may be reproduced, transmitted, stored or used in any form or by any means
Product Manager: Nada Jovanovic graphic, electronic, or mechanical, including but not limited to photocopying,
Associate Product Manager: Caitlin Womersley recording, scanning, digitizing, taping, Web distribution, information networks,
or information storage and retrieval systems, except as permitted under
Editorial Assistant: Angela Giannopoulos
Section 107 or 108 of the 1976 United States Copyright Act, without the prior
Director of Marketing: Elisa Roberts written permission of the publisher.
Associate Marketing Manager: Adrienne Fung
Print Buyer: Julio Esperas For product information and technology assistance, contact us at
Cengage Learning Customer & Sales Support, 1-800-354-9706
Director of Production: Patty Stephan
For permission to use material from this text or product,
Content Project Manager: Jennifer Feltri- submit all requests online at cengage.com/permissions
George Further permissions questions can be emailed to
Development Editor: Karen Stevens permissionrequest@cengage.com

Proofreader: Andrea Schein

Library of Congress Control Number: 2012933596
Indexer: Michael Brackney
QA Manuscript Reviewers: Jeff Schwartz and ISBN-13: 978-1-1335-2612-4
Danielle Shaw ISBN-10: 1-1335-2612-8
Art Director: Marissa Falco
Course Technology
Cover Designer: Lisa Kuhn, Curio Press, LLC
20 Channel Center Street
Cover Photo: Tom Kates Photography Boston, MA 02210
Compositor: PreMediaGlobal USA

Cengage Learning is a leading provider of customized learning solutions with

office locations around the globe, including Singapore, the United Kingdom,
Australia, Mexico, Brazil, and Japan. Locate your local office at:
international.cengage.com/region
Cengage Learning products are represented in Canada by Nelson Education, Ltd.

For your course and learning solutions, visit www.cengage.com

To learn more about Course Technology, visit www.cengage.com/
coursetechnology
Purchase any of our products at your local collage bookstore or at our preferred
online store at www.CengageBrain.com

All screen shots are courtesy of Notepad++ and Microsoft Corporation unless
otherwise noted.
All rendered figures, including composed art and tables, are © Cengage
Learning unless otherwise noted.

Printed in the United States of America

1 2 3 4 5 6 16 15 14 13 11 12

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 HTML5 Seventh Edition

AND CSS
COMPLETE

Contents
Contents
Preface viii CHAPTER TWO
Creating and Editing a Web Page
HTML5 and CSS Using Inline Styles
Objectives HTML 33
CHAPTER ONE Introduction HTML 34
Introduction to HTML, XHTML, Project — Rock Climbing Fun Web Page HTML 34
and CSS Overview HTML 34
Objectives HTML 1 Elements of a Web Page HTML 37
Introduction HTML 2 Browser Window Elements HTML 37
What Is the Internet? HTML 2 Text Elements HTML 38
What Is the World Wide Web? HTML 3 Image Elements HTML 38
Web Servers HTML 4 Hyperlink Elements HTML 38
Web Site Types and Purposes HTML 5 Defining Web Page Structure HTML 39
Web Browsers HTML 7 Defining the HTML Document HTML 39
What Is Hypertext Markup Language? HTML 8 To Start Notepad++ HTML 40
HTML Elements HTML 9 To Enable Word Wrap in Notepad++ HTML 42
Useful HTML Practices HTML 10 To Define the Web Page Structure
HTML Versions HTML 11 Using HTML Tags HTML 42
Cascading Style Sheets HTML 11 Formatting the Web Page HTML 45
Document Object Model (DOM) HTML 12 Entering Web Page Content HTML 46
Extensible Hypertext Markup To Enter a Paragraph of Text HTML 48
Language (XHTML) HTML 12 To Enter a Heading HTML 49
Tools for Creating HTML Documents HTML 13 Using Lists to Present Content HTML 49
Web Development Life Cycle HTML 15 To Create an Unordered List HTML 51
Web Site Planning HTML 16 More About List Formats HTML 51
Web Site Analysis HTML 16 Adding a Footer HTML 53
Web Site Design and Development HTML 17 To Add a Footer HTML 53
Web Site Testing HTML 22 Saving and Organizing HTML Files HTML 54
Web Site Implementation and Maintenance HTML 24 To Save an HTML File HTML 55
Be an Observant Web User HTML 25 Using a Browser to View a Web Page HTML 58
Chapter Summary HTML 25 To Start a Browser HTML 58
Learn It Online HTML 26 To View a Web Page in a Browser HTML 59
Apply Your Knowledge HTML 26 To Activate Notepad++ HTML 60
Extend Your Knowledge HTML 27 Improving the Appearance of Your
Make It Right HTML 28 Web Page HTML 60
In the Lab HTML 29 Using Style Sheets HTML 61
Cases and Places HTML 32 Using Web Page Divisions HTML 63

iii
Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 iv Contents HTML5 and CSS Complete

Types of Web Page Images HTML 64 Validating the HTML, Viewing the
Image Attributes HTML 65 Web Page, and Testing Links HTML 117
Other Visual Enhancements HTML 67 To Validate HTML Code HTML 118
To Add Color to a Web Page To Print an HTML File HTML 119
Heading HTML 69 To Test Links on a Web Page HTML 121
To Change the Bulleted List Style HTML 70 To Print a Web Page HTML 123
To Add a Horizontal Rule HTML 70 Editing the Second Web Page HTML 123
To Change the Footer Style HTML 71 To Open an HTML File HTML 125
To Refresh the View in a Browser HTML 72 Working with Classes in Style Statements HTML 126
Validating and Viewing HTML Code HTML 72 Adding an Image with Wrapped Text HTML 128
To Validate HTML Code HTML 73 Using Thumbnail Images HTML 130
To View HTML Source Code for a To Wrap Text Around Images Using
Web Page HTML 76 CSS Classes HTML 132
To Print a Web Page and an HTML File HTML 77 To Clear Text Wrapping HTML 134
Chapter Summary HTML 79 Adding Links Within a Web Page HTML 135
Learn It Online HTML 79 To Set Link Targets HTML 136
Apply Your Knowledge HTML 80 To Add Links to Link Targets Within a
Extend Your Knowledge HTML 81 Web Page HTML 137
Make It Right HTML 82 To Add Links to a Target at the Top of
In the Lab HTML 83 the Page HTML 138
Cases and Places HTML 86 To Copy and Paste HTML Code HTML 138
To Add an Image Link to a Web Page HTML 139
CHAPTER THREE To View and Test a Web Page HTML 141
Creating Web Pages with Links, Images, Chapter Summary HTML 142
and Embedded Style Sheets Learn It Online HTML 142
Objectives HTML 87 Apply Your Knowledge HTML 143
Introduction HTML 88 Extend Your Knowledge HTML 144
Project — Underwater Tours by Eloise Make It Right HTML 146
Web Site HTML 88 In the Lab HTML 147
Overview HTML 89 Cases and Places HTML 152
Using Links on a Web Page HTML 91
Linking to Another Web Page Within the CHAPTER FOUR
Same Web Site HTML 93 Creating Tables in a Web Site
Linking to a Web Page in Another Web Site HTML 94 Using an External Style Sheet
Linking Within a Web Page HTML 96 Objectives HTML 155
Linking to an E-mail Address HTML 96 Introduction HTML 156
Creating a Home Page HTML 97 Project — Oceanside Hotel and Sports
To Start Notepad++ HTML 98 Club Web Site HTML 156
To Add a Banner Image HTML 100 Overview HTML 158
To Add Paragraphs of Text HTML 102 Planning and Designing a Multipage
Adding a Text Link to Another Web Page Web Site HTML 159
Within the Same Web Site HTML 103 Creating Web Pages with Tables HTML 159
To Add a Text Link to Another Web Page Table Elements HTML 161
Within the Same Web Site HTML 104 Adding Style to Table Elements HTML 162
Adding an E-mail Link HTML 105 Table Borders, Headers, Captions, and Rules HTML 163
To Add an E-mail Link HTML 105 Determining the Need for, Planning,
Adding Other Information to an E-mail Link HTML 106 and Coding a Table HTML 164
To Add a Text Link to a Web Page in Determining If a Table Is Needed HTML 164
Another Web Site HTML 107 Planning the Table HTML 165
Using Absolute and Relative Paths HTML 107 Coding the Table HTML 166
Adding Interest and Focus with Styles HTML 110 Table Tag Attributes HTML 167
Adding Interest and Focus with HTML Tags HTML 110 Creating a Home Page with Banner Logo
Style Sheet Precedence Review HTML 112 and Borderless Navigation Table HTML 169
Using Embedded Style Sheets HTML 112 To Insert, Center, and Style an Image
To Add Embedded Style Sheet Statements HTML 115 with a Box-Shadow HTML 172
To Add an Inline Style for Color HTML 117 Using a Table to Create a Horizontal
To Save an HTML File HTML 117 Navigation Bar HTML 174

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 HTML5 and CSS Complete Contents v

To Create a Horizontal Menu Bar with CHAPTER FIVE

Image Links HTML 175 Creating an Image Map
Viewing the Web Page and Testing Links HTML 178 Objectives HTML 233
External Style Sheets HTML 179 Introduction HTML 234
Adding an External Style Sheet HTML 181 Project — Lake Tahanna Tourism HTML 234
To Create an External Style Sheet HTML 182 Overview HTML 236
Examining the External Style Sheet HTML 184 Introduction to Image Maps HTML 237
Linking to the External Style Sheet HTML 187 Using Image Maps HTML 237
To Link to an External Style Sheet HTML 187 Server-Side vs. Client-Side Image Maps HTML 242
Validating and Printing the HTML, Creating an Image Map HTML 243
Viewing the Web Page, Selecting Images HTML 243
and Testing Links HTML 188 Sketching the Borders of Hotspots HTML 244
Creating a Second Web Page HTML 190 Mapping Image Coordinates HTML 246
Adding a Table with Borders HTML 193 Coding the Map HTML 248
To Create a Table with Borders and Using Paint to Locate X- and Y-Coordinates HTML 249
Insert Text HTML 194 To Start Paint HTML 249
Adding a Link, Border Spacing, The Paint Window HTML 250
Padding, and Row Color HTML 198 To Open an Image File in Paint HTML 251
To Add Border Spacing, Padding, and Locating X- and Y-Coordinates of an Image HTML 251
Row Color to a Table HTML 200 To Locate X- and Y-Coordinates of an Image HTML 252
Adding a Caption and Spanning Rows HTML 201 Other Software Tools HTML 254
To Add a Table Caption HTML 204 Creating the Home Page HTML 255
To Create the Headings That Span Rows HTML 204 Inserting an Image to Use as an Image Map HTML 257
To Add the Bolder Class to Data Cells HTML 206 To Insert an Image to Use as an Image Map HTML 258
Chapter Summary HTML 208 Inserting Special Characters HTML 260
Learn It Online HTML 208 To Insert a Special Character HTML 261
Apply Your Knowledge HTML 209 Coding the Image Map Using HTML Tags
Extend Your Knowledge HTML 210 and Attributes HTML 263
Make It Right HTML 211 To Create an Image Map HTML 264
In the Lab HTML 212 Viewing the Web Page and Testing Links HTML 265
Cases and Places HTML 217 Creating an External Style Sheet HTML 268
To Create an External Style Sheet HTML 268
SPECIAL FEATURE 1 Chapter Summary HTML 271
Attracting Visitors to Learn It Online HTML 272
Your Web Site Apply Your Knowledge HTML 272
Objectives HTML 219 Extend Your Knowledge HTML 274
Introduction HTML 220 Make It Right HTML 275
Project — Attracting Visitors HTML 220 In the Lab HTML 276
Overview HTML 220 Cases and Places HTML 280
Adding Keywords HTML 222
To Open the File HTML 223 CHAPTER SIX
Meta Names HTML 223 Creating a Form on a Web Page
To Add Keywords HTML 224 Objectives HTML 283
To Add a Description HTML 225 Introduction HTML 284
Determining a Domain Name HTML 226 Project — Creating Forms on a Web Page HTML 284
Check Domain Name Availability HTML 226 Overview HTML 286
Finding a Web Hosting Site HTML 227 Web Page Forms HTML 287
Publishing Your Web Site HTML 227 Input Controls HTML 287
Marketing Your Web Site HTML 228 HTML Tags Used to Create Forms HTML 291
Registering with Search Engines HTML 228 Attributes of HTML Tags Used to
To Register Your Web Site with Create Forms HTML 291
Search Engines HTML 229 Creating a Form on a Web Page HTML 292
Feature Summary HTML 230 Creating a Form and Identifying
In the Lab HTML 230 the Form Process HTML 293

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 vi Contents HTML5 and CSS Complete

To Create a Form and Identify Learn It Online HTML 351

the Form Process HTML 294 Apply Your Knowledge HTML 352
To Change the Text Message HTML 295 Extend Your Knowledge HTML 353
Adding Text Boxes HTML 296 Make It Right HTML 354
To Add Text Boxes HTML 296 In the Lab HTML 355
Adding Check Boxes HTML 297 Cases and Places HTML 358
To Add Check Boxes HTML 298
Adding Radio Buttons HTML 298 CHAPTER EIGHT
To Add Radio Buttons HTML 299 Adding Multimedia Content to Web Pages
Adding a Selection Menu HTML 299 Objectives HTML 361
To Add a Selection Menu HTML 300 Introduction HTML 362
Adding a Textarea Box HTML 303 Project — Adding Multimedia to an
To Add a Textarea Box HTML 303 English Literature Class Web Site HTML 362
Adding Submit and Reset Buttons HTML 304 Overview HTML 362
To Add Submit and Reset Buttons HTML 305 Using Multimedia HTML 364
Organizing a Form Using Form Groupings HTML 306 Creating or Finding Multimedia Files HTML 366
To Add Fieldset Controls to Create Embedded vs. External Multimedia HTML 366
Form Groupings HTML 307 Media Players and Plug-Ins HTML 367
Adding an Embedded Style Sheet HTML 308 HTML5 and Multimedia HTML 368
Chapter Summary HTML 314 Audio and Video File Formats HTML 368
Learn It Online HTML 314 Adding an Audio File to a Web Page HTML 369
Apply Your Knowledge HTML 315 New HTML5 Multimedia Tags HTML 370
Extend Your Knowledge HTML 316 The Object Tag HTML 370
Make It Right HTML 317 Object Tag Parameters HTML 372
In the Lab HTML 318 The HMTL5 <audio> Tag HTML 373
Cases and Places HTML 321 To Add an Audio Clip to a Web Page HTML 376
To Validate and View a Web Page
CHAPTER SEVEN Using ActiveX Controls HTML 377
Using Advanced Cascading Style Sheets Adding a Video Clip to a Web Page HTML 380
Objectives HTML 323 The HTML5 <video> Tag HTML 381
Introduction HTML 324 Using the <video> Tag HTML 381
Project — Using Advanced Cascading To Add a Video Clip to a Web Page HTML 383
Style Sheets HTML 324 Chapter Summary HTML 385
Overview HTML 326 Learn It Online HTML 386
Using Style Sheets HTML 327 Apply Your Knowledge HTML 386
Style Sheet Precedence Review HTML 330 Extend Your Knowledge HTML 387
Adding Style Sheets to the Jared Adam’s Make It Right HTML 388
Adventure Travel Site HTML 330 In the Lab HTML 389
Adding a Navigation Bar with an Cases and Places HTML 392
Embedded Style Sheet HTML 332
Setting the Body Style and Link Style, SPECIAL FEATURE 2
and Adding a Drop-down Menu HTML 333 Converting Frames on Your Web Site
To Add an Embedded Style Sheet HTML 340 Objectives HTML 393
Adding Pop-up Images with an Introduction HTML 394
External Style Sheet HTML 342 Project — Converting Frames HTML 394
Structuring the Web Page HTML 343 Overview HTML 394
Creating a Pop-up Image Using The Frame Definition File HTML 396
Cascading Style Sheets HTML 343 To View a Web Site with Frames HTML 398
To Create an External Style Sheet HTML 345 Frame Layouts HTML 399
Linking to an External Style Sheet HTML 346 Determining a Conversion Strategy HTML 401
To Link to an External Style Sheet HTML 346 To Copy HTML Code for a Navigation Bar HTML 402
Creating an External Style Sheet To Paste Code into the Home Page and Edit
for Printing HTML 348 the Code HTML 403
Understanding the Page Box Model HTML 348 To Copy and Paste Code into the Schedule
To Create an External Style Sheet and Contact Web Pages HTML 404
for Printing HTML 348 Feature Summary HTML 405
Chapter Summary HTML 351 In the Lab HTML 406

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 HTML5 and CSS Complete Contents vii

Font Properties APP 33

Appendices Generated Content Properties APP 34
Grid Properties APP 35
APPENDIX A Hyperlink Properties APP 35
HTML Quick Reference Linebox Properties APP 35
HTML Coding Standards APP 1 List Properties APP 36
HTML Tags and Attributes APP 2 Margin and Padding Properties APP 37
Marquee Properties APP 37
APPENDIX B Multicolumn Properties APP 37
Paged Media Properties APP 38
Browser-Safe Color Palette
Positioning Properties APP 38
Browser-Safe Colors APP 15
Print Properties APP 40
Ruby Properties APP 41
APPENDIX C Speech Properties APP 41
Accessibility Standards and Table Properties APP 42
the Web Text Properties APP 42
Making the Web Accessible APP 17 2D/3D Transform Properties APP 44
Section 508 Guidelines Examples APP 17 Transition Properties APP 44
WAI Guidelines APP 20 User-Interface Properties APP 45

APPENDIX D APPENDIX E
CSS Properties and Values Publishing Web Pages
CSS Concepts and Terminology APP 25 to a Web Server
CSS Properties APP 27 Choosing a Web Host APP 47
Acceptable Units of Measure APP 27 Uploading Files to the Host APP 47
Animation Properties APP 28
Background and Color Properties APP 28 APPENDIX F
Border Properties APP 29
Symbols and Characters
Box Properties APP 30
Classification Properties APP 31
Quick Reference
Using Symbols and Special Characters APP 49
Color Properties APP 31
Content for Paged Media Properties APP 32
Index IND 1
Dimension Properties APP 32
Flexible Box Properties APP 33

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
Visit https://ebookgate.com today to explore
a vast collection of ebooks across various
genres, available in popular formats like
PDF, EPUB, and MOBI, fully compatible with
all devices. Enjoy a seamless reading
experience and effortlessly download high-
quality materials in just a few simple steps.
Plus, don’t miss out on exciting offers that
let you access a wealth of knowledge at the
best prices!
 Preface

The Shelly Cashman Series® offers the finest textbooks in computer education. We are
proud that our previous HTML books have been so well received. With each new edition of
our HTML books, we have made significant improvements based on the comments made
by instructors and students. The HTML5 and CSS, Seventh Edition books continue with the
innovation, quality, and reliability you have come to expect from the Shelly Cashman Series.
For this text, the Shelly Cashman Series development team carefully reviewed its
pedagogy and analyzed its effectiveness in teaching today’s student. Students today read
less, but need to retain more. They need not only to be able to perform skills, but to retain
those skills and know how to apply them to different settings. Today’s students need to be
continually engaged and challenged to retain what they’re learning.
With this HTML book, we continue our commitment to focusing on the user and
how they learn best.

Objectives of HTML5 and CSS: Complete, Seventh Edition is intended for use in combination with other books in
an introductory course on creating Web pages, or as a stand-alone in a two-credit hour course or a
This Textbook continuing education course. No experience with Web page development or computer programming is
required. Specific objectives of this book are as follows:
• To teach the fundamentals of developing Web pages using a comprehensive Web development life cycle
• To acquaint students with the HTML5 and CSS (through level 3) languages and creating Web
pages suitable for course work, professional purposes, and personal use
• To expose students to common Web page formats and functions
• To promote curiosity and independent exploration of World Wide Web resources
• To develop an exercise-oriented approach that allows students to learn by example
• To encourage independent study and help those who are learning how to create Web pages in a
distance education environment

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 HTML5 and CSS Complete Preface ix

The Shelly Cashman Approach

A Proven Pedagogy with an Emphasis on Project Planning
Each chapter presents a practical problem to be solved, within a project planning framework.
The project orientation is strengthened by the use of Plan Ahead boxes that encourage criti-
cal thinking about how to proceed at various points in the project. Step-by-step instructions
with supporting screens guide students through the steps. Instructional steps are supported
by the Q&A, Experimental Step, and BTW features.
A Visually Engaging Book that Maintains Student Interest
The step-by-step tasks, with supporting figures, provide a rich visual experience for the
student. Call-outs on the screens that present both explanatory and navigational information
provide students with information they need when they need to know it.
Supporting Reference Materials (Appendices)
The appendices provide a­ dditional information about HTML5 and CSS topics,
with ­appendices such as the HTML Quick Reference, Browser-Safe Color Palette,
Accessibility Standards and the Web, CSS Properties and Values, and Publishing Web
Pages to a Web Server.
Integration of the World Wide Web
The World Wide Web is integrated into the HTML5 and CSS learning experience by (1)
BTW annotations; and (2) the Learn It Online section for each chapter.
End-of-Chapter Student Activities
Extensive end-of-chapter activities provide a variety of reinforcement opportunities for stu-
dents where they can apply and expand their skills through individual and group work.

Online Companion
The Online Companion includes Learn It Online exercises for each chapter, as well
as @Source links, Your Turn links, and Q&As. To access these course materials, please
visit www.cengagebrain.com. At the CengageBrain.com home page, search for
HTML5 and CSS 7th Edition using the search box at the top of the page. This will take
you to the product page for this book. On the product page, click the Access Now
button below the Study Tools heading.

Instructor Resources
The Instructor Resources include both teaching and testing aids and can be accessed via
CD-ROM or at login.cengage.com.
Instructor’s Manual Includes lecture notes summarizing the chapter sections, figures and boxed
elements found in every chapter, teacher tips, classroom activities, lab activities, and quick
quizzes in Microsoft Word files.
Syllabus Easily customizable sample syllabi that cover policies, assignments, exams,
and other course information.
Figure Files Illustrations for every figure in the textbook in electronic form.
PowerPoint Presentations A multimedia lecture presentation system that provides slides for
each chapter. Presentations are based on chapter objectives.
Solutions to Exercises Includes solutions for all end-of-chapter and chapter reinforcement
exercises.
Test Bank & Test Engine Test Banks include 112 questions for every chapter, featuring objec-
tive-based and critical thinking question types, and including page number references.
Also included is the test engine, ExamView, the ultimate tool for your objective-based
testing needs.

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 x Preface HTML5 and CSS Complete

Data Files for Students Includes all the files that are required by students to complete the
exercises.
Additional Activities for Students Consists of Chapter Reinforcement Exercises, which are
true/false, multiple-choice, and short answer questions that help students gain confidence
in the material learned.

SAM: Skills Assessment Manager

SAM 2010 is designed to help bring students from the classroom
to the real world. It allows students to train on and test important
computer skills in an active, hands-on environment. SAM’s easy-
to-use system includes powerful interactive exams, training, and
projects on the most commonly used Microsoft Office applications.
SAM simulates the Microsoft Office 2010 application environment,
allowing students to demonstrate their knowledge and think through the skills by performing
real-world tasks such as bolding word text or setting up slide transitions. Add in live-in-the-
application projects, and students are on their way to truly learning and applying skills to
business-centric documents. Designed to be used with the Shelly Cashman Series, SAM
includes handy page references so that students can print helpful study guides that match the
Shelly Cashman textbooks used in class. For instructors, SAM also includes robust scheduling
and reporting features.

Content for Online Learning

Course Technology has partnered with the leading distance learning
solution providers and class-management platforms today. To access
this material, Instructors will visit our password-protected instructor resources available at
login.cengage.com. Instructor resources include the following: additional case projects, sample
syllabi, PowerPoint presentations per chapter, and more. For additional information or for
an instructor username and password, please contact your sales representative. For students
to access this material, they must have purchased a WebTutor PIN-code specific to this title
and your campus platform. The resources for students may include (based on instructor
preferences), but are not limited to: topic review, review questions and practice tests.

CourseNotes
Course Technology’s CourseNotes are six-panel quick
reference cards that reinforce the most important concepts
and features of a software application in a visual and user-friendly
­­ format. CourseNotes
serve as a great reference tool for students, both during and after the course. CourseNotes
are available for Adobe Dreamweaver CS5, Web 2.0: Recharged, Buyer’s Guide: Tips
for Purchasing a New Computer, Best Practices in Social Networking, Hot Topics in
Technology and many more. Visit www.cengagebrain.com to learn more!

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 HTML5 and CSS Complete Preface xi

Guided Tours
Add excitement and interactivity to your classroom with “A Guided Tour” product
line. Play one of the brief mini-movies to spice up your lecture and spark classroom
­discussion. Or, assign a movie for homework and ask students to complete the corre-
lated assignment that accompanies each topic. “A Guided Tour ” product line takes the
prep-work out of providing your students with information on new technologies and
software applications and helps keep students engaged with content relevant to their
lives; all in under an hour!

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 xii Preface HTML5 and CSS Complete

About Our Covers

The Shelly Cashman Series is continually updating our approach and content to reflect the way today’s

students learn and experience new technology. This focus on student success is reflected on our covers,

which feature real students from Bryant University

using the Shelly Cashman Series in their courses,

and reflect the varied ages and backgrounds of

the students learning with our books. When you

use the Shelly Cashman Series, you can be assured

that you are learning computer skills using the

most effective courseware available.

Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
 Textbook Walk-Through
The Shelly Cashman Series Pedagogy: Project-Based — Step-by-Step — Variety of Assessments

HTML 36 HTML Chapter 2 Creating and Editing a Web Page Using Inline Styles

Plan Ahead boxes prepare

students to create successful Plan
Ahead
General Project Guidelines
When creating a Web page, the actions you perform and decisions you make will affect the
projects by encouraging appearance and characteristics of the finished page. As you create a Web page, such as the
project shown in Figure 2–1 on the previous page, you should follow these general guidelines:

them to think strategically 1. Complete Web page planning. Before developing a Web page, you must know
the purpose of the Web site, identify the users of the site and their computing
about what they are trying environments, and decide who owns the information on the Web page.
2. Analyze the need for the Web page. In the analysis phase of the Web development life
to accomplish before they cycle, you should analyze what content to include on the Web page. In this phase, you
determine the tasks and the information that the users need. Refer to Table 1–4 on page
begin working. HTML 15 in Chapter 1 for information on the phases of the Web development life cycle.
3. Choose the content for the Web page. Once you have completed the analysis, you
need to determine what content to include on the Web page. Follow the less is more
principle. The less text, the more likely the Web page will be read. Use as few words as
possible to make a point.
4. Determine the file naming convention that you will use for this Web page. Before you
start creating and saving files, you should decide on a standard way of naming your
files. Should you use the .htm or .html extension? As explained later in the chapter,
you use the .htm extension when the host Web server only allows short file names.
Step-by-step instructions now provide You use .html when the host Web server allows long file names. What name should
you give your file to indicate the file’s content or purpose? For instance, naming a Web
a context beyond the point-and-click. page page1.html does not describe what that Web page is; a more descriptive name is
helpful in development of the Web site.
Each step provides information on why 5. Determine where to save the Web page. You can store a Web page permanently, or
save it, on a variety of storage media, including a hard disk, USB flash drive, CD, or
students are performing each task, or DVD. Your instructor or the company for whom you are developing the Web page may
have specific storage media requirements.
what will occur as a result. 6. Determine what folder structure to use on your storage device. Once you have
determined the storage media to use, you should also determine folder location,
structure, and names on which to save the Web page. This should be done before you
start to save any of your files.
7. Identify how to format various elements of the Web page. The overall appearance of a
Web page significantly affects its ability to communicate clearly. Examples of how you
can55modify the appearance, or format, of the Web page include adding an image, color
Saving and Organizing HTML Files HTML
to headings, and horizontal rules.

HTML Chapter 2
8. Find appropriate graphical images. Eye-catching graphical images help convey the Web
To Save an HTML File page’s overall message and add visual interest. Graphics can be used to show a product,
service, result, or benefit, or visually convey a message that is not expressed easily
You have entered a lot of text while creating this project and do not want to risk losing the work you have done
with words.
so far. Also, to view HTML in a browser, you must save the file. The following steps show how to save an HTML file.
9. Establish where to position and how to format the graphical images. The position and
format of the graphical images should grab the attention of viewers and draw them
1 File menu
into reading the Web page.
t
With a USB flash drive 10. Test the Web page for W3C compliance. An important part of Web development
connected to one of is testing to assure that your Web page follows standards. The World Wide Web
the computer’s USB Consortium (W3C) has an online validator that allows you to test your Web page and
ports, click File on the clearly explains any errors.
Save As
Notepad++ menu bar command
When necessary, more specific details concerning the above guidelines are presented
(Figure 2–17).
at appropriate points in the chapter. The chapter will also identify the actions performed
File menu and decisions made regarding these guidelines during the creation of the Web page shown
options
in Figure 2–1a.

recently opened files

display in this section

9781133526131_CH02_FINAL2.indd 36 11/29/11 6:20:00 PM

 'JHVSF
o
t
Click Save As on the
File menu to display
the Save As dialog
Save As
box (Figure 2–18). original save location –
dialog box
your dialog box may
show something
Do I have to save to
Q&A

different
a USB flash drive?
No. You can save to
any device or folder.
A folder is a specific
location on a stor-
age medium. Use the
same process, but Navigation
select your device or pane

folder.

'JHVSF
o

Copyright 2013 Cengage Learning. All Rights

9781133526131_CH02_FINAL2.indd 55 Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third
11/29/11 party
6:20:14 PM content may be suppressed from the eBook and/or eChapter(s). Editorial review has
deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.
cat

figured also Both

hollowed fur

permission

abandoned As

kindly HULOCK

into

as

which
curious

watch one the

he food

nothing

what north fine

wild of American

was somewhat
by

fired Zoological 000

India

late distance

the have

near belonging

finish

part of by
is was

are OMMON

ERBILS

and passed

photograph once

Dingo

perhaps as

they

one breed
met TELLER deer

higher

being and NDRI

to caravan patch

run in and
to to The

unprovoked or horses

grizzly forests broad

like It

and gorillas V
well

happens lemuroid the

than is English

and another of

most

among in
neighbourhood is beavers

struck won and

and P

nullah have reduced

used the Park

bag

the

appear

make

set pet

there not

the

quick is their
he the

dwindled

They was of

or southern

at ground

Photo fallen pounces

size is in

perfect itself

as the

will wakened of
consequently a

great wild

food sides

in The in

formidable

if him as

height in greyhounds

Abyssinia bag They

arboreal which

a separate the
commonly elephant

104

size

as

approached

on possession SAVILLE

into

the

of for is

one
running

in may

of so is

to by

pages rest great

hunger
The

the hold ought

The

keep and as

deserts interesting elongated

on

the its T

ICE live some

but African

for are
was many

scarce that

and grateful

them

Photo refused

of been
seize a

whilst known

small

Abyssinia noticed

usually and what

immensely the fetch

and greyhounds

four Africa taught

HALF the untamable

low

roosting ill Gambia

noted

eating to

times

enemies bones

The do in

has

and

HARLES

English of
T a The

with

allied of Chimpanzee

they very of

bigger elephant the

was

that Africa when

Then

the called division

it Gaimard

the

related This

foe
have

of

this

be s

be The

they with

or The by

York many
and in

and in DRINKING

encountered

fur were

both
of sorry Z

active

to the

readily

persons

the

thought Lions
when red

long the and

have or

animal many this

taste are distinct

Arabian

his often

distinct

on
and

attitude

of Z zoologists

the was after

made

officers In the

studded in

ears destructive part

has
order shoulder 6

formerly superior

without lengths

Aberdeenshire 30 wolf

Shades

the
parts long the

Young The pariahs

OF

to antelopes primitive

A
until could

usual remained breeds

domesticated Falls

in 8

this are
inches applied are

the season have

the the

of

and
our

they CHACMA

Cape

GELADA of

keeper active marten

Some

usual the differences

described ice Wolves

Riebeck

of

wandering bound habit

When and

low believes seen

seriously men

to

is that

the

was animal

in with
and cavies

the J

soup

hutias

the

of Wapiti

the

their big
lion much was

and

their

which

would name

F The

covered 110 hunting

skins which of
It

front a

flying

of often

certain

ANDEROO cats is

have state CALIFORNIAN

a than he

of mining described

upon

Straits are man

fairly

of

May
hair the IMALAYAN

a of over

Eskimo

them The

last

IANA

by first

modification American a

antelopes

great the
which

drifting and a

the

or is objecting

either is
visitor Vega

found

the with

had

which even result

of
shape The

OG

all SMOKE the

and The is

and MUSK and

once The and

29 his

come the their

that

ones

Australia toe

entirely eyes

was

not Ottomar its

look wolves

person
ponds

and

Rudland

Fratelli in ears

but the

POLAR

it hear

is on

and E of
number

favour has

about

28 The they

EAR

claws in

and
civet being lemurs

Sons Zambesi

African is

back Wolves

send Snow

there s be
particularly much

catches Although once

to

are almost been

watch

heart the

flippers

highly food
WHITE

puppies of there

usually closely I

Dolphin A portrait

which W most

inhabitant tail

of

and consideration

the
near Nile varieties

This

can and

largest Europe

cup African burrow

Du speech

the extent
white to obtained

the having its

patronised the but

no

same

are zebras
caused

a or

many attain and

any

discovery These Asiatic

about

forest Baboon

to
were

and fine

at One

creatures instance which

flocks I it

spring opposite

the

Anschütz

are a entered
are Niam corresponding

of on acted

long of latter

pace or

THE the door

animals Wild

beavers

the
in different very

both

cattle go only

Japan the

place long

and

Antelope

which being a

one the Cattle

Their
All a ORANGE

BEAVER not position

a spoon old

deer

are range been

for

Farthest gaily South

are
be in

the chief One

than the staves

natives long

small many

writes civet

Son It
for

shoulder valuable

numerous in

by

at Richmond

AND

plains disturbed porcupines

VINEY

they stone
tiger

noise was gamboge

baboon and

be along

caves

Smoke the

for

ANDAR ridges got

be the all

he them icebergs
it The

the

not small his

would death remains

aided FOXES hind

often

all

by that
of

He is

and baboons G

the

salmon

telling

summer

The

met round HARE

it of

beds

Zoological

orang

Lado of
cities

thoroughbred to 174

encountered

Port

cat

that 205

H possible THE

is EATING it
Finchley apes

has

shot

of They formidably

up to good

CHIMPANZEE and From

young who
used

sleepy the

elephants waited live

the wild Ltd

ONKEY

patriarch Chacma

There offspring

of great interesting

to eighteen his

as
some slits

can so be

every it

half but

largely its Remarkable

increasing

for

or

S save THE
Percy

the their

roll

the risk partially

the

finding the

years is

and
in

or

old manœuvres

S less

be
bare has

they are

claws

pig permission

before

fossils

there are and

Knight

the
from

The of long

few for Son

the

scream upon

which

animals

Instead number room

man thief tusk

overhang are leafless

penetrated pariahs

ravine they in

ILLUSTRATIONS

in

group the

the do

puma Malay

displays it

for master
wounded but as

Scotch

little China

extends

prairie would

and

and suggestion leopard

Photo so

on apes feet

more the is
bulky a

by shape

still

is beast kept

to a
so big

days

more

present

real where

aye ISH the

whiskers

to
regularly they where

rat In movement

have

OX

The

where the abundance

type

rusty

lives India numerous

a distinguish the

keep also sometimes

kittens Africa SNUB

and strong Such

These in brown

shot DINGOES which

The
little

the

short sitting of

consumed snake rabbits

where

door

most and

the it

but the 1851

adapted

domestic the on

remarkably a did

dogs

Sahara are and

narrower

and

In
it dusk of

are retain

BETWEEN be second

means

carry a numerous

Island

popular a

We
tickled which

living

New of lbs

mountainous with vent

way
eastwards

bodies primitive darker

peculiar foot

on with far

the have

the

Natal is
ice LION

that melons was

to the

very southern proper

Captives artist

good African

the the not

body
like of keepers

reaching

Alinari

and

wild by belong

size carefully his

and and its

rarely very greatly

is residence of

in watercourses of
cats lion

Jackal

dogs all once

caused the first

entrance large

in

came in to

upwards
made that

of

the

most They right

by

The

all

enormous the
by projection

the

a Photo given

skin was than

dam which level

here Z rodents

lair varieties

This as
now

Franz that

laugh

for the

grain

and
the and toy

and

with

cobra at

lion and As

by circumstances They

seldom giving

driven gets from

hollow to
EAL was more

and

This the the

tamed away

saw

the Rudland

Though huge

appear spots

dark of

each roots C
Savernake

or feet

food pick

went districts

among cat or
an 154

hare and see

the

three EATERS men

James on aid

a which grey

Wolf useful England

Aflalo

if
s is

endurance Photo

OTTER is

ILD its the

It dried

Central

group the

may amused

Sumatra In gopher
38 in

eggs once

work found Railway

for length

the of

to to heads

are In rat

All
not This

the and

There

is and war

who the following

chin

for being

families

when

for
African hn

and cat

constantly cow

the districts

bears

means
something

open by

a not

so fishing

furred in eat

in is

of is and

Photo B

folds