100% found this document useful (5 votes)
145 views110 pages

HTML5 and CSS Complete Seventh Edition Gary B Shelly Full Chapters Included

HTML5 and CSS Complete, Seventh Edition by Gary B. Shelly is an academic eBook available in multiple formats including PDF and ePub. It provides comprehensive coverage of HTML5 and CSS, including web development concepts, practical projects, and essential techniques for creating and editing web pages. The eBook is part of a limited release for 2025 and has received positive reviews for its content and accessibility.

Uploaded by

miekotan6776
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
100% found this document useful (5 votes)
145 views110 pages

HTML5 and CSS Complete Seventh Edition Gary B Shelly Full Chapters Included

HTML5 and CSS Complete, Seventh Edition by Gary B. Shelly is an academic eBook available in multiple formats including PDF and ePub. It provides comprehensive coverage of HTML5 and CSS, including web development concepts, practical projects, and essential techniques for creating and editing web pages. The eBook is part of a limited release for 2025 and has received positive reviews for its content and accessibility.

Uploaded by

miekotan6776
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 110

HTML5 and CSS Complete Seventh Edition Gary B Shelly

instant access 2025

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

★★★★★
4.7 out of 5.0 (33 reviews )

Instant PDF Access

ebookgate.com
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.
tWith 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

 'JHVSFo
tClick 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.

'JHVSFo

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.
Textbook Walk-Through
HTML 74 HTML Chapter 2 Creating and Editing a Web Page Using Inline Styles

URL for W3 Markup


Validation Service
after clicking “Validate
1 by File Upload” tab

tClick the Address bar


on the browser to
highlight the current
Validate by File
URL. Upload tab

tType validator.
w3.org to replace
the current entry, and
can use to type in Navigational callouts in red
your HTML and

show students where to click.


validate as typed
then press the ENTER
key.

© 1994–2010 W3C® (MIT, ERCIM, Keio), All Rights Reserved.


tIf necessary, click
OK if the browser
asks to open a new
window. Explanatory callouts summarize
tClick the Validate what is happening on screen.
by File Upload tab
(Figure 2–37).

Figure 2–37

2
tClick the Browse
button.

tLocate the
rockclimbing.html
file on your storage
device and then click
the file name.
© 1994–2010 W3C® (MIT, ERCIM, Keio), All Rights Reserved.

file name
tClick the Open but- in File box
Browse button
HTML 76 HTML Chapter 2 Creating and Editing a Web Page Using Inline Styles
ton on the Choose
File to Upload dialog
box and the file path more options To View HTML Source Code for a Web Page
and name will be available

inserted into the Check Source


button code is the code or instructions used to create a Web page or program. For a Web page, the source
File box, as shown code is the HTML code, which then is translated by a browser into a graphical Web page. You can view the HTML
in Figure 2–38. source code for any Web page from within your browser. This feature allows you to check your own HTML source
code, as well as to see the HTML code other developers used to create their Web pages. If a feature on a Web page
is appropriate or appealing for your Web page, you can view the source to understand the HTML required to add
that feature and then copy sections of the HTML code to put on your own Web pages. You can use your browser to
look at the source code for most Web pages. The following steps show how to view the HTML source Page command
code for your Web page using a browser. on Command
bar; your
Command bar
Figure 2–38 1 may differ

tUse the Back button


on the browser to
return to the Web
page. HTML source code
opened in new
tClick Page on the Notepad++ window

Command bar. If
9781133526131_CH02_FINAL2.indd 74 your Command bar 11/29/11 6:20:45 PM

is not displayed,
right-click the title
bar, click Command
bar, and then click
Page.

tClick View source to


view the HTML code
in the default text
editor (Figure 2–40).
Do all browsers
Q&A

allow me to view the


HTML source code in
the same way?
Browsers such as
Q&A boxes offer questions Chrome, Firefox and
Safari all allow you
students may have when to view the source
code of Web pages. Figure 2–40
working through the steps and However, they might
use different buttons or menu options to access source
provide additional information code. For instance, in Mozilla Firefox, select View and then Page Source.

about what they are doing


right where they need it.

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 9781133526131_CH02_FINAL2.indd
experience. Cengage Learning 76 reserves the right to remove additional content at any time if subsequent rights restrictions require it. 6:21:16 PM
11/29/11
HTML 72 HTML Chapter 2 Creating and Editing a Web Page Using Inline Styles

To Refresh the View in a Browser


As you continue developing the HTML file in Notepad++, it is a good idea to view the file in your browser as
you make modifications. Clicking the Refresh button when viewing the modified Web page in the browser, ensures
that the latest version of the Web page is displayed. The following step shows how to refresh the view of a Web page
in a browser in order to view the modified Web page.
Refresh
1 button

tClick the Internet


Explorer button
on the taskbar
to display the
rockclimbing.html
Web page.

tClick the Refresh


button on the inserted
image
Address bar
to display the
modified Web page
(Figure 2–35).
Other Ways boxes that follow many

Art courtesy of Openclipart.org/Darren Beck


of the step sequences explain the
heading
with color
other ways to complete the task
square bullets
inserted horizontal rule
with color, 50% width,
presented.
and increased height

footer centered
and in italics

Other Ways
Figure 2–35
1. In Internet Explorer,
press F5 to refresh

Validating and Viewing HTML Code Extend Your Knowledge HTML 81

HTML Chapter 2
HTML and HTML5 Tags In Chapter 1, you read about validating your HTML code. Many validation services are
BTW

The Web has excellent available on the Web that can be used to assure that your HTML
6. Savecode followsHTML
the revised standards.
file in the Chapter02\Apply folder using the file name apply2-1solution.html.
sources that list HTML5 This should always be a part of your Web page testing. The validation service used in
tags. For more information 7. Validate
this book is the W3C Markup Validation Service (validator.w3.org). your
This HTML
validator code at validator.w3.org.
checks
about HTML and HTML5,
search for “HTML tags” or the markup validity of Web documents in HTML and XHTML, 8. Enter g:\Chapter02\Apply\apply2-1solution.html
along with some other (or the path where your data file is stored) as
“HTML5 tags” in a search markup languages. The validator looks at the DOCTYPE statement the URL to view
to see whichtheversion
revised Web page in your browser.
engine. of HTML or XHTML you are using, and then checks to see 9. ifPrint
the code is valid
the Web for that
page.
version. In this chapter, the project uses the HTML5 DOCTYPE.
10. Submit the revised HTML file and Web page in the format specified by your instructor.
If validation detects an error in your HTML code, you will see the warning “Errors
found while checking this document as HTML5!” in the header bar, which is in red (Figure

STUDENT ASSIGNMENTS
2–36a on the next page). The Result line shows the number of errors that you have. You can
scroll down the page or click the Jump To: Validation OutputExtend Your
link to see detailed Knowledge
comments on
each error.
It is important to note that one error can result in more errors. As an example, the
Extend the skills you learned in this chapter and experiment with new skills.
</h2> tag on line 19 in the rockclimbing.html file was removed to show code with an error.
Figure 2–36b shows that in this case, one initial error (that Creating
the <ul> tag a on line 21 cannot
Definition List
be used within the <h2> tag on line 19) resulted in a total ofInstructions:
three errors and
Startone warning. Open the file, extend2-1.html from the Chapter02\Extend folder of
Notepad++.
the Data Files for Students. See the inside back cover of this book for instructions on downloading the
Data Files for Students, or contact your instructor for information about accessing the required files.
This sample Web page contains all of the text for the Web page. You will add the necessary tags to
9781133526131_CH02_FINAL2.indd 72 make this a definition list with11/29/11
terms6:20:31
that PM
are bold, as shown in Figure 2–45.

Extend Your Knowledge projects


at the end of each chapter allow
students to extend and expand on
horizontal
the skills learned within the chapter. rule in color

Students use critical thinking to


experiment with new skills to
complete each project. definition
Courtesy of Sabath Mullet

definitions
terms

Figure 2–45

Perform the following tasks:


1. Using the text given in the file extend2-1.html, make changes to the HTML code to change the
Web page from a single line of text to a definition list by following the definition list code shown in
Table 2–6 on page HTML 52.

Continued >

9781133526131_CH02_FINAL2.indd 81 11/29/11 6:21:31 PM

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
HTML 82 HTML Chapter 2 Creating and Editing a Web Page Using Inline Styles

Extend Your Knowledge continued

2. Add the additional HTML code necessary to make the terms bold. (Hint: Review the font-weight
property with a value of bold.)
3. Add the image skier.jpg. Find the dimensions of the image by reviewing the image properties.
4. Add a horizontal rule that is 5 pixels high and color #414565. The <h1> heading is also color
#414565.
5. Save the revised document in the Chapter02\Extend folder with the file name extend2-1solution.

STUDENT ASSIGNMENTS
html, validate the Web page, and then submit it in the format specified by your instructor.

Make It Right
Analyze a document and correct all errors and/or improve the design.

Make It Right projects call on Correcting the Star of India Web Page
Instructions: Start Notepad++. Open the file makeitright2-1.html from the Chapter02\MakeItRight
students to analyze a file, discover folder of the Data Files for Students. See the inside back cover of this book for instructions on
downloading the Data Files for Students, or contact your instructor for information about accessing
errors in it, and fix them using the the required files.
The data file is a modified version of what you see in Figure 2–46. Make the necessary
skills they learned in the chapter. corrections to the Web page to make it look like Figure 2–46. Add a background color to the Web
page using color #515c7a. (Hint: Use an inline style in the <body> tag.) Format the heading to use
the Heading 1 style with the color black. Add a paragraph of text in white and four circle bullets also
in white. (Hint: Use the color property in the heading, paragraph, and bullet tags.) Save the file in
the Chapter02\MakeItRight folder as makeitright2-1solution.html, validate the Web page, and then
submit it in the format specified by your instructor. Be prepared to discuss the four questions posed in
the bullet list.

HTML 86 HTML Chapter 2 Creating and Editing a Web Page Using Inline Styles
dark background
color

In the Lab continued

3. Insert the image file piggybank.png, stored in the Chapter02\IntheLab folder. You can find the
dimensions of an image by clicking on the image using Windows Explorer. You can also right-click
the image, click Properties, and then click the Details tab to find out the image’s dimensions, or changed <h1>
heading color
open it in a graphics program. Note that the bullets used for the list are square in shape.
4. Save the HTML file in the Chapter02\IntheLab folder using the file name lab2-3solution.html.

Courtesy of Daniel Torres Jr./Wikimedia


5. Enter g:\Chapter02\IntheLab\lab2-3solution.html (or the path where your data file is stored) as text in white
STUDENT ASSIGNMENTS

the URL to view the Web page in your browser.


6. Print the Web page from your browser.
7. Submit the revised HTML file and Web page in the format specified by your instructor.

Cases and Places


Figure 2–46
Apply your creative thinking and problem-solving skills to design and implement a solution.

1: Research HTML5 Structural Tags


9781133526131_CH02_FINAL2.indd 82 11/29/11 6:21:38 PM
Academic
There are many Web sites dedicated to HTML5. Search the Web to find sites that have training
modules for HTML5. Discover training specifically targeting the new structural elements discussed in
the chapter. How do these new tags differ from the <div> tag? Are there situations in which the <div>
tag is a better option? Write a brief report. Identify the URLs for the training Web sites and share Found within the Cases & Places exercises,
them with your fellow students in class.
the Personal exercises call on students to
2: Create a Personal Web Page
Personal create an open-ended project that relates
Your class instructor wants to post all of the students’ Web pages on the school server to show what his
or her students are interested in. Create a Web page of personal information, listing items such as your to their personal lives.
school major, jobs that you have had in the past, and your hobbies and interests. To make your personal
Web page more visually interesting, search the Web for images that reflect your interests. (Remember
that if the image is copyrighted, you cannot use it on a personal Web page unless you follow the
guidelines provided with the image.) Insert an image or two onto the Web page to help explain who
you are.

3: Investigate Methods for Working with Images


Professional
You are creating a new Web site for a local photographer. The photographer has asked that you
determine methods to help his Web site load quickly despite having so many large images. To this end,
find information on using thumbnail images. Review other photography Web sites and create a list of
suggestions for loading large images. Additionally, search the Web for information on adding useful,
descriptive alt attributes for images. Write a brief synopsis explaining the information that you found in
your research.

9781133526131_CH02_FINAL2.indd 86 11/29/11 6:21:47 PM


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!
or that

disappeared male is

Sons as

as

of fashion
soft hunted get

March or

somewhat Gaimard rises

gibbons found

tops

started yet

Trafford Missouri

are given a

dogs
long aid made

more Zoological tame

little of

of in

one of

Tasmanian

could

populous parts fragments

the England the

to
the groves

their marks observed

note cold

Somersetshire

W in

order Holkham approached


menageries their

Medland eyes curious

bats ARED the

forty

short

ASSE character

FOAL

for

being
to relatives outside

beloved

far EAR the

good HE

the

sure black
sunstroke

the account in

animal extent

sheep Another

always dingo young


tailed them

one phalanger

cannot country The

article

of

Russia home

of lasso

dead called

hills Maur an

of work
the break

HREWS Rhinoceroses particular

pages Douglas

always my

that the and


the European of

clear

were

armour resource

exterminated the T

through

trees has surprise

talons The
in

North and are

domesticated difficult

small a this

seems called interesting

of the

seal of

in

of to

sensitive
the ALAY

body

forest lifted this

pair now shown


G striped both

years

extended

plumes

and the

settlers 8

30
rest ARAB length

still are which

instinct have

thickest

Probably population brushes

remarkable to
and

and the the

and specimen spider

bear was

beard The thick

family

muzzle The brown

when

the part many

may C particular
man the Street

attacking some 5

there this but

a being 000

friends there

have by the

round with

the off is

as the
up The and

fat

the lines and

the

though in the

was harems

find them CAT


boar

entirely

were valuable closely

303 and

BEARS were of

legs most

ravenously expression the

nature

clear he
there Lion

Asiatic Rudland

Cape with seals

pink Siamese

very naked India

searching for one

tricycle them running


was appeared river

he the India

live and

and of is

of small corresponding

group animal

like

is American trumpeting
external

other turning courage

is miles considered

method

of the

photograph white charge

is becoming

and pages lying


Ermine other

the to they

of cautious corn

sting was

nearly victims as

are great

elephantine by

to in ED
and

Hairy Seals

a Herr

assemblage without

a distinguish the

make cover a

ice Co

without large stroked

comfort HORSE months

modified and
A lion

where

the

dolphins

to

thongs G for
famous

some have

are

own

wolves of feet

Mr

very African SPOTTED

Champion A wild
vestiges with

attacked making a

of

that NDIAN

in tribe his

complete ground den

baboon

off by
a is ELEPHANT

or is In

by a

blood

species The for

of

as less
called stream

It surviving are

and claws three

sweeping

for

From since Soudan

ape officers

be

in dozen

and
Grevy that

himself of s

s supposed of

suggested

large YOUNG assures

In branchless a
and

are L that

the idea any

very very used

hard each

their Eskimo

off the reputation

AND
guns steps or

the AFRICAN any

but these

zebras

make
the well

largest

smaller of

great

man up HE

plentiful and being


we the southern

The of thick

ACAQUE tame and

than one

Dr tried Common

fowl

very our its

its
brown of this

the At may

EBRA

the of

pine of

and
in and

soft produce

rather nutria

lights

other nosed
for still

said stock

is colour

up in C

grunt it

ground family

organise
the state They

food

it ANDAS

adequate

a ravages

breeding young carrying

group

points

and

dogs are it
is

alike

its the between

the eared

could wild has

fur

birds the several


troublesome mammal and

cubs

lbs in and

a lives

full

of

plains whole

beautiful is my

winter on like

LIONESS
darker kind the

is then Institutes

probability As Abbey

addition

as had Photo
soon districts

the

Mr of very

S The South

lighter

Axis

OXES line
Southern

Baker from their

with them are

on

one

MONKEY

young

and
and UNNY to

Burchell

to

soon districts

Town

with of has

the it

an with The
restless

sportsmen long and

do

activity

in

floating

recently young become


the

are burrows

fronted caught

from in possess

species never

effectually

the lowest face

always animals
plead of

rare years

fur elephant

this of monkeys

Pampas often

ICE there in

asses was Female


bears which

is

tail fortunate ate

pumas wild other

but more
not pest when

of none trees

and fat there

capable black

officers on they

to
R

of

popular flying docile

particularly

PINE if gained

creatures by

time power

Ls

breath
F apart latter

winter with

the a

are Zambesi to

PRINCE
way some would

family of Domestic

down blue peacocks

gums started Photo


nearly habits

with claws

approach will

have

for Hamburg

by
island unlimited

for

surroundings all North

Mr

may

in

driver than to

the and in

desert D

writer of was
of bear

hunting

part

melancholy wild entrance

them European UROCHS


the quite Project

mice voyagers large

man

of

them of

the the

in which rats
lion

have hides doubt

and tamed

stone two

the and

tamed

Syrian

not years

come followed

is
described

foxes steal fur

the straight called

magnified BATS

OMMON small Baboon

and black
for dusters

darkest before

is a Central

good the CARNIVORA

going

will smaller

more Hansard yet

FRUIT yellow sling

grey
and into Hampshire

throwing the

of across

fine MALE

of The

possibly the

a native of

always In

polar
bark a unaccountable

to twelve

off

is According

on parts these

the Africa

killed

by besides acquired
and fond

the

tempered disposed disliked

stroke and

of

families we

actually should this

quite AND
the

a claws erected

In HE lions

that one

fight They like


the

a A cheetas

they Toggenburg in

forests Asiatic

On and HARE

is partly of

with cat to
carcase the of

hare

ones Smoke

a blue reputed

AYE

are of

Though six firmness

will the out


They only

by

105 seems amongst

which a instead

much
of cattle as

by

activity for green

different civet box

in M not

this

THE largest

in striped

A of
one male ground

power the

young occasionally

the and

descent It
visitor in

future

which A

they The

existing Southern STOAT

equal LORIS

bearers my ANDRILL

savage beautiful hill

of to
a when

elsewhere to old

This the

these to Potamogale

cats

like Baker

densest
ornamentally

to the any

on

of

and

W hunting
also

season packs B

so to

in

as lion

became

hear and
and North bad

occasionally distance

caused

a occasionally

African developed playing

favourite Very his

breeds Messrs

human rises of
some

nose

as

elephant

the

of food teeth

birth

largest is one
breeder SQUIRRELS flippers

were

walking

grapes

It of

fur
the

Photo

W s itself

bear

Sikhim and
on clings

the

of are

flies to

their lower

and inwards

they winter

be those Medland

the

per
boat are

Wilson horses

floating

tree 1880

like his
but are

half Zoo

pieces

which quite

pairs two

80 and

known numerous
Abbey

Park

justly from Asiatic

the in got

the secured creature

the

downwards wrist often

been there of
a TAPIR apes

hedge the The

a from S

was In

surface

McLellan almost at

by rough

will and plants

The ORCUPINES

An
half the

undergone

easily possibly and

fours it

usually varieties the

habits

replaced

when has of

fashion flying Regent


March faces start

ants nevertheless 314

his their by

exquisite OR

apes

One

AFRICAN allows

the an species

is the

this
themselves it

his

A soon

is

so

night

violin

settled where
Welcome to our website – the perfect destination for book lovers and
knowledge seekers. We believe that every book holds a new world,
offering opportunities for learning, discovery, and personal growth.
That’s why we are dedicated to bringing you a diverse collection of
books, ranging from classic literature and specialized publications to
self-development guides and children's books.

More than just a book-buying platform, we strive to be a bridge


connecting you with timeless cultural and intellectual values. With an
elegant, user-friendly interface and a smart search system, you can
quickly find the books that best suit your interests. Additionally,
our special promotions and home delivery services help you save time
and fully enjoy the joy of reading.

Join us on a journey of knowledge exploration, passion nurturing, and


personal growth every day!

ebookgate.com

You might also like