Download the full version of the ebook at

https://ebookgate.com

HTML5 and CSS Complete Seventh Edition Gary B

Shelly

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

Explore and download more ebook at https://ebookgate.com

 Recommended digital products (PDF, EPUB, MOBI) that
you can download immediately if you are interested.

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 [email protected]

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.
 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.
 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

t
Click the Address bar

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

t
Type 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.

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

Figure 2–37

2
t
Click the Browse
button.

t
Locate 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
t
Click 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

t
Use the Back button

on the browser to
return to the Web
page. HTML source code
opened in new
t
Click 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.

t
Click 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

t
Click the Internet

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

t
Click 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.
 HTML

1 Introduction to HTML,
XHTML, and CSS
Courtesy of the Library
of Congress

© 2010 Cengage Learning, Inc. All rights

reserved.
Courtesy of OnGuard Online

Objectives
You will have mastered the material in this chapter when you can:
• Describe the Internet and its • Define Extensible Hypertext Markup
associated key terms Language (XHTML) and describe its
relationship to HTML
• Describe the World Wide Web and
its associated key terms • Identify tools used to create HTML
documents
• Describe the types and purposes
of Web sites • Describe the five phases of the Web
development life cycle
• Discuss Web browsers and identify
their purpose • Describe the different methods of
Web site design and the purpose
• Define the Hypertext Markup
of each Web site structure
Language (HTML) and HTML5
standards used for Web development • Discuss the importance of testing
throughout the Web development
• Discuss the use of Cascading Style
life cycle
Sheets (CSS) in Web development
• Explain the importance of being an
• Define the Document Object Model
observant Web user
(DOM) and describe its relationship
to HTML
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.
 HTML

1 Introduction to HTML,
XHTML, and CSS
Introduction
Before diving into the details of creating Web pages with HTML5 and CSS, it is u ­ seful
to look at how these technologies relate to the development of the Internet and the
World Wide Web. The Internet began with the connection of computers and computer
networks. This connectivity has had a huge impact on our daily lives. Today, millions of
people worldwide have access to the Internet, the world’s largest network. Billions of Web
pages, providing information on any subject you can imagine, are currently available on
the World Wide Web. People use the Internet to search for information, to communicate
with others around the world, and to seek entertainment. Students register for classes, pay
tuition, and find out final grades via this computer network. Stores and individuals sell
their products using computer connectivity, and most industries rely on the Internet and
the World Wide Web for business transactions.
Hypertext Markup Language (HTML) and more recently HTML5 and Cascading
Style Sheets (CSS) allow the World Wide Web to exist. In order to utilize these tech-
nologies effectively, you need to understand the main concepts behind the Internet and
HTML. In this chapter, you learn some basics about the Internet, the World Wide Web,
intranets, and extranets. You are introduced to Web browsers, definitions of HTML and
associated key terms, the five phases of the Web development life cycle, and the tasks that
are involved in each phase.

What Is the Internet?

Most people today have had exposure to the Internet at school, in their homes, at their jobs,
or at their local library. The Internet is a worldwide collection of computers and computer
networks that links billions of computers used by businesses, government, educational insti-
tutions, organizations, and individuals using modems, phone lines, television cables, satellite
links, fiber-optic connections, and other communications devices and media (Figure 1–1).

fiber-optic
cable

satellite
connection

phone
lines

Figure 1–1 The Internet is a worldwide collection of computer networks.

HTML 2

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.
Another random document with
no related content on Scribd:
castizo y primitivo, el que concurrió desde el principio á la formación
del romance.

Por estos tres estratos, el terciario, el secundario, el primario, es por

lo que el latín puede decirse que es padre del castellano, sobre todo
por el primario y secundario, por los cuales le infundió su gramática
y la parte esencial de su vocabulario.

15. Respecto del elemento semierudito del castellano, las leyes

fonéticas más esenciales se guardan en parte también en todos sus
vocablos; pero aun esas mismas y las que obraron después de la
primera formación del castellano dejan de guardarse, haciendo que
las tendencias fonológicas del idioma los modifiquen á medias. Los
escritores en las diversas épocas los allegan al latín cuanto pueden;
el pueblo los castellaniza: resultado, que viven en continuo vaivén,
sin acabar de entrar enteramente en el molde castellano. La
reacción erudita comenzó á oponerse al curso evolutivo natural de
las lenguas románicas desde su mismo nacimiento. ¿Cómo explicar
la unidad del latín vulgar y de las románicas sin ese poderoso freno
que las contenía? ¿Cómo pudo aguardar el latín en España cuatro
siglos, hasta aparearse con las demás y presentar idénticos
fenómenos? Durante todo ese tiempo en España no pudo quedarse
estacionario el latín; evolucionaba. Pero la lengua oficial lo tenía á
raya y lo iba atrayendo hacia sí, y cuando ya el latín se había
extendido por todo el Imperio, la reacción del habla oficial y la mutua
comunicación entre las provincias igualó el habla de todas ellas, por
lo menos superficialmente, como por medio de un rasero. No hay
dialecto románico alguno que no posea términos abstractos: todos
ellos son de origen erudito, como ha notado Mohl. Esos abstractos,
dejados á merced de la evolución popular, se hubieran modificado;
pero la reacción erudita estaba siempre allí para no permitir se
alejasen de la latinidad. Los verdaderos abstractos nacionales son
los posverbales, abstracto-concretos propiamente. Artificialmente ha
ido renovando á la continua esa misma reacción erudita todos los
términos de menor empleo entre el vulgo y de uso cotidiano entre
las personas instruidas, que siempre tendían hacia el latín. La
palanca principal de esta reacción fué siempre la Iglesia,
conservadora en sus ritos y entre su clero del latín más ó menos
clásico. De la Iglesia eran los que algo sabían y escribían, eran
clérigos, ellos mismos se llamaban del mester de clerecía: en sus
escritos tenían que mezclar el latín, y por la preocupación de que el
romance no era más que latín estropeado, se creían obligados á
reformarlo, á volverlo siempre hacia el tipo latino, único para ellos
castizo y perfecto. Cierto es que el latín de la Iglesia, nacido
precisamente como ella, de entre el pueblo, distaba bastante del
clasicismo ciceroniano. Pero una vez que la jerarquía eclesiástica
subió al poder, gobernó el mundo europeo y quedó dueña exclusiva
de la enseñanza y de la cultura, tendió hacia el clasicismo cuanto se
lo permitieron los tiempos. Si no llegó del todo á él, sino en contado
número de escritores, fué porque siempre se resentía su latín de su
vulgar origen, porque el pueblo, á quien se dirigía, llevaba la
dirección opuesta, porque la literatura clásica era una literatura
muerta, que sólo admitía imitación más ó menos lejana. Pero todos
los términos eclesiásticos son eruditos en su origen, y, cuando
llegados al pueblo, empiezan á evolucionar, arrastrados por el cauce
común, la erudición eclesiástica los renueva otra y otra vez. Así se
explican las mil variantes de tales términos: cabildo, capitol y
capítulo, deán y decano. Pero en los primeros tiempos el agente
principal de la restauración fué la administración romana, oficial y
letrada por oficio. La sintaxis apenas pudo modificarse; pero sí los
términos sueltos, el fonetismo particular. El ejército es un gran
instrumento nivelador, y no lo fué menos durante el Imperio. Las
escuelas, donde sólo el latín clásico se aprendía, eran focos de
reacción contra las tendencias vulgares. La literatura, con su
autoridad, presentaba la forma típica, á la que trataban de
amoldarse en lo posible en su manera de hablar las personas cultas
y los funcionarios todos imperiales. Todos estos elementos dieron
cierta unidad al latín vulgar de aquella época y reaccionaron sobre
muchas tendencias que llevaba consigo desde la época de la
antigua rusticitas y desde la época republicana, en la que había
tomado tantos elementos itálicos.
Una vez muerta la lengua literaria, su poder fué menor; pero nunca
cesó de reaccionar, más ó menos, según la mayor ó menor cultura
de los tiempos. En los siglos más decadentes, los romances,
dejados libremente, fueron subdividiéndose y multiplicándose, á la
par que políticamente se subdividían y multiplicaban los pequeños
Estados. La tendencia que después llevó á éstos á unirse en
grandes nacionalidades, llevó también á las hablas populares á
unirse, predominando unos dialectos sobre otros. El castellano ha
ido oscureciendo los antiguos dialectos y provincialismos, borrando
casi las pequeñas variantes navarras, aragonesas, leonesas,
salmantinas, extremeñas, andaluzas, murcianas. La lengua va
adonde la llevan la unidad ó la multiplicidad de la política. Pero en
todos tiempos todas las hablas románicas hallaron un freno y un
elemento reaccionario que las volvía hacia el latín, en los eruditos,
escritores y eclesiásticos.

Como elemento erudito que influye en el lenguaje hay que poner la

escritura, que en otros tiempos apenas podía reaccionar por el corto
número de personas que sabían escribir y leer; pero que en el
presente, merced á la vulgarización de la cultura, pone en grave
peligro el lenguaje. Á pesar de lo natural que parece el principio de
que la escritura debe acomodarse á la pronunciación, puesto que no
es más que un instrumento para perpetuarla, no han faltado quienes
hayan proclamado que la pronunciación debe acomodarse á la
escritura, por la especiosa razón de que ésta se halla menos
expuesta á corromperse que no aquélla. Es el triunfo de lo artificial
sobre lo natural, que se verifica en todos los órdenes y asuntos de la
sociedad humana, que de suyo parece tender al convencionalismo,
á la falsedad y á la rutina. Todas las instituciones sociales, todas las
obras humanas, degeneran en convencionalismos: omnis homo
mendax. Hoy se aprenden las lenguas por los ojos, más bien que
por los oídos; no sólo las lenguas extrañas, sino hasta, en parte, la
lengua materna. La mitad del vocabulario castellano lo hemos
aprendido por la lectura, puesto que entre el pueblo no se usa, fuera
de alguno que otro de esos infinitos términos latino-eruditos, que la
generalización de la cultura va sedimentando y haciendo penetrar
hasta en las más hondas capas sociales. Naturalmente todos esos
vocablos los aprendemos y pronunciamos como los hallamos
escritos, es decir, como quisieron propinárnoslos los eruditos que los
trajeron, no del latín hablado, sino del latín escrito. Tomaron esos
cadáveres seculares, que son las palabras latinas escritas, y medio
vistiéndolos á la española, nos los dieron como seres vivos; pero no
son más que monigotes, maniquíes que se mueven mecánicamente
por el resorte de la escritura.

Llegará un día en que pronunciemos septiembre, obscuro y

substancia, porque así han querido los eruditos que escribamos
estos términos, que todo el mundo pronuncia setiembre, oscuro,
sustancia. La psíquica, en el lenguaje, tiene poder para todo eso y
mucho más. Porque mucho más es lo que ha conseguido: es una
máquina que tritura y modifica cuanto se le eche en la tolva. El
castellano rechazó la f latina, la cual en antiguo castellano sólo
servía como signo de otra articulación muy diferente, de cierta
aspiración. Pero vinieron los ignorantes eruditos y, viendo escrita la
f, dieron en pronunciarla á la latina, y hoy no sólo decimos fatuo,
sino fuego, y hasta en Folgaba el rey Rodrigo pronunciaremos la f,
que nunca sonó, porque era mera variante ortográfica de h, letra
añadida á olg-aba, de olga, olgueta en éusquera. En halagar, por el
contrario, no suena f, por haberse sustituido h- por f-, falagar, y esa
sustitución ortográfica ha cambiado la forma hablada. Los
castellanos pronuncian tan suave la b, que pudo escribirse falagar el
balaka-tu vascongado; pero en su variante empalagar tenían la
etimología bien clara. En fecha la f es puramente ortográfica; pero
ha servido para distinguir de sí mismo al vocablo, que sin ella es
hecha, hecho.

Por centenares se cuentan en Madrid los rótulos en los que se lee

carnecería: pronto diremos todos carnecería en vez de carnicería.
Debió ocurrir á algún mentecato, si no fué á algún erudito
consultado, que debía decirse carnecería, puesto que de carne se
trata y no de carni; mandó ponerlo así en su rótulo, y los demás lo
han seguido. Ó tal vez fué algún aragonés el que lo puso de moda,
trayéndolo de Aragón, donde por etimología popular se dice
carnecería. Pero esta palabra no viene de carne directamente, sino
de carnic-ero, y nadie dice carnecero, como que carnicero deriva de
carn-iza, ó sea el despojo de las carnes, las carnes, como quien
dice, despojadas, partidas, de las que trata el carnicero ó cortador.
Con haber puesto la Academia en su Diccionario vagabundo,
quitando el vagamundo castizo, los escritores escribirán vagabundo
y vagabundear, verbo no castellano, pero derivado de ese esqueleto
vagabundo. La etimología de vagamundo es popular, por creerse
que encerraba los vocablos vagar por el mundo, ya que -bundo
nada dice á los oídos castellanos, como no sea á los eruditos, que
nos han traído treme-bundo, nausea-bundo, lacrima-bundo, furi-
bundo, etc. Nuestros padres decían dino, y así lo escribían; pero los
latinizantes y etimólogos escribieron después digno para vestirlo á la
latina, siendo así que en castellano gn da ñ, y dino es de préstamo
posterior: hoy, á fuerza de leer digno, lo pronunciamos como lo
leemos. Es tan antipático al castellano el núcleo gn, que por
evolución natural dió ñ, cuñado de cognatus, empeño de pignus; y
tomado después digno por los eruditos, por la misma tendencia
tuvieron que reducirlo á dino. Otra vez vienen los eruditos y nos
escriben digno: esta vez la escritura ha vencido, y digno decimos
todos los que sabemos leer y aun los que no saben y no quieren
pasar por rústicos. De electus la evolución fónica hubiera hecho
elecho, como pecho de pectus; pero yo estoy seguro que se dirá
siempre electo; y que el pueblo no erudito dirá eleto. ¿La razón? La
escritura, que se impone á la evolución. ¡Bonita lengua vamos á
trasmitir á nuestros nietos! Como dijo á este propósito Darmesteter:
"La lengua escrita deforma la lengua hablada", es la gran palanca
en manos de los eruditos y de las Academias, con la cual antes no
contaban.

Los términos eruditos pueden ya dividirse en dos clases: los

antiguos, que mejor se llamaran semieruditos, puesto que se
acomodan en parte al fonetismo castellano, y los modernos, eruditos
enteramente, que, merced á la generalización de la escritura, vienen
al castellano sin modificación alguna. De éstos, muchos no son ni
latinos, pues no suenan como en latín; son ultralatinos, pues se
pronuncian como los encontramos escritos y como no se
pronunciaban en latín. Implicar se dice, sin tomarnos la molestia de
darle la modificación del semierudito plegar, cuya variante vulgar es
llegar. Hoy suenan ce, ci como dentolinguales; en latín sonaban ke,
ki. Encontramos escrito exceptum, y escribimos excepto, y
pronunciamos con la dentolingual: somos ultralatinos. Ellos dirían tal
vez eskeptum; nosotros pronunciamos la x, sonido que nunca fué
castellano: es que hemos aprendido que x era sc en latín. El núcleo
xt sonaba en latín st; pero nosotros, que encontramos escrito
extendere, escribimos extender y pronunciamos xt: somos, repito,
más latinos que los romanos. Pero eso no es limpiar ni dar
esplendor al castellano: es matar á la hija ¿para resucitar á la
madre?—No; á la abuela, con todos sus carcamales á cuestas. Pero
de resucitarla, había que resucitarla del todo, y no á medias. ¿No
dicen, aunque no es verdad, que tino viene de dignus? Pues
escribamos y digamos: tiene usted mucho tigno, ha atignado usted.
¿No dicen que acontecer viene de adcontingescere? Pues digamos:
adcontingesció quod illos hispaniolos stabant laxiatos de illa manu
de Deus. Tal es el ideal de los latinizantes. Eso ¿es purificar el
castellano, ó volver al modo de escribir de los tiempos medios y á un
modo de hablar que nunca fué? Ciertas pronunciaciones actuales se
deben á una falsa lección: dícese danza macabra de danse
macabre; pero la variante verdadera es danse Macabré, y Macabré
era un nombre propio de persona, que, por errada lectura, ha
parado en adjetivo, por no llevar acento la -e en las ediciones
antiguas de "la Dance Macabre". Un necio me corrigió compaña,
diciéndome que era errata ortográfica por compañía en el dicho "en
buena paz y compaña". Pero compañ-ía y compañ-ero ¿de dónde
viene, sino del castizo compañ-a, como montañ-és de montañ-a y
fontan-ero de fontan-a? Si resucita el antiguo maguer, se dirá
magüer, porque así han dado en escribirlo con diéresis y
pronunciarlo los que no sabían que se pronunciaba maguer, y que la
u se puso para que la g no tuviera la antigua pronunciación, para
que no se dijera majer, ó antiguamente madjer. Tal es el poder de la
escritura. Y esto ha sucedido, más ó menos, en todos tiempos.
Hemos convenido en que Berceo escribió, con mayor ó menor dosis
poética, en lengua castellana. Yo estoy convencido de que más de
la mitad del Diccionario de Berceo no es castellano, y que, por tanto,
escribió en una lengua convencional de la gente leída y para la
gente leída. Escribía con palabras de los libros, no con palabras
vivas de lengua alguna. Ni las pronunciaban así los españoles ni las
pronunciaron los romanos. Pero escribir entonces era calcar el latín
con un mal transparente castellano. Entonces, ahora y siempre el
arte de escribir tiene mucho de artificial y reniega del lenguaje que
emplean los que no escriben. El castellano rancio que oye uno en
las aldeas no forma parte del léxico berceano, como ni de otros
muchos escritores. Buscando sus ideas en los libros, más que en el
mundo real, es natural que también dejen las palabras del habla real
por copiar las muertas de los libros. Hay que repetir, pues, que "la
lengua escrita deforma la lengua hablada".

16. Como los eruditos han continuado sacando del latín nuevos
términos en todas las épocas, después de separado el castellano de
la lengua madre, desfigurado un vocablo latino y á veces modificado
en el sentido, se ha puesto en uso otro derivado del mismo original
latino. Antojo, por ejemplo, de ante-oculum == delante del ojo, es de
formación antigua; pero ante-ojo es posterior, de formación erudita,
sacado del mismo ante-oculum. Tales son los multiformes que han
enriquecido el idioma. Desde luego, se echa en ellos de ver su
mayor ó menor antigüedad y su origen popular ó erudito. En nuestra
lengua hay unos 1.800 temas ó estirpes latinas que, por este medio,
han dado origen á más de 4.000 palabras diferentes; en francés,
unas 3.000 de 1.400 temas; en portugués, 1.000, de unos 300
temas; en italiano hay muchas menos. Pueden clasificarse las voces
multiformes con arreglo á la modificación fónica que las distingue.
1.º. Por simple cambio de género: el cura, la cura; el canal, la canal;
el vista, la vista. 2.º. Por simple mutación de vocal final, cambie ó no
el género: fruto y fruta, de fructum; madero y madera, de materies (y
materia); ramo y rama, de ramus; base y basa, de basis; mangla y
mangle; tinto, tinte y tinta, de tinctus, -a, -un; tardo y tarde, de
tardus; huerto y huerta, de hortus; grado y grada, de gradus; talle y
tallo, de thallus; alegre y alegro, de alacer. 3.º. Por alteración de
consonante: hervor y fervor, de fervor; hondo y fondo, de fundus,
aunque hondo puede ser el ondo eusquérico; aliñar y alinear,
aunque aliño parece ser el lein; allanar y aplanar, de planus;
domeñar y dominar, de dominari; hilo y filo, de filum; hosco y fosco,
de fuscus; jalma y salma, horma y forma, aunque el primero parece
venir de orma, éuscaro, y el segundo de forma, latín; tajar y tallar y
talar, cambio y cange, balurdo y palurdo. 4.º. Por modificación de
vocal interior: braña y breña, torta y tarta, calvario y calavera,
campaña y campiña, cerco y circo, antojo y anteojo, vedija, vedeja y
guedeja. 5.º. Por alteración de vocal y consonante: cáliz, caz y
cauce, de calix; lucha y luto, de lucta; alnado y entenado, payo y
Pelayo, diz y dice, trueno y es-truendo, zarcillo y cerquillo. 6.º. Por
aféresis, síncopa, apócope, epéntesis, etc. Son voces de diferente
forma y significación, aunque de común origen. La una es obra del
pueblo, la otra del literato; una es más antigua, otra más moderna.

Entre las mismas populares hay formas que sólo difieren por el
sufijo, empleándose en sentido algo diferente; otras veces se
diferencian por la suavización de las explosivas, ley antigua de
nuestro romance, que la formación erudita no tiene en cuenta. De
modo que nuestra lengua obedece á dos series de principios muy
encontrados, porque casi es lengua doble. Las formaciones antiguas
populares constituyen el castellano verdadero; las eruditas son un
emplasto de puro latín ó griego, con ligeras modificaciones en las
desinencias, jerga parecida al latín macarrónico que se quisiera
añadir al habla del Lacio, y que consiste en dar terminaciones
latinas á las palabras castellanas.

Según el genio del castellano se formaron los sufijos -ado, -ago, -

blo, etc.; los eruditos han introducido formas en -ato, -aco, -plo,
etcétera, verdolaga, de portulaca; clérigo, de clericus; amigo, de
amicus; higo, de ficus; lego, de laicus; cantiga, de cantica; fuego, de
focus. Van contra esta ley: bellaco, cántico, público, apostólico,
cívico, cáustico, cómico, famélico, lumínico, músico, laico, físico, etc.
Decir famélico, de fames, teniendo hambriento, es como decir
hambrienticus en latín macarrónico. El sufijo -za es más antiguo que
-cia, -tia, pereza y pigricia, pigritia, dureza y duricies; avaricia,
codicia, justicia, planicie, franquicia, son eruditos; franqueza,
llaneza, son populares en su origen. Terneza y ternura, pureza y
puridad, tienen diverso sufijo y diverso valor. Llano y plano, tilde y
título, cabildo y capítulo, frío y frígido, tizón y tizne, velar y vigilar,
venganza y vindicta, tienen el mismo origen, algunos con sentido
diverso; pero otros ni aun en esto difieren, y sólo se deben al
capricho de los autores, que han querido ostentar originalidad necia
y vana palabrería. No tienen razón de ser frígido, vigilar, vindicta,
como la tienen huebra, obra y ópera, sueldo y sólido, fragua y
fábrica, habiendo demás el francés forja. Á veces la ignorancia, ó el
quererse atener á la letra, han originado ciertas voces, como, por
ejemplo, algunas eclesiásticas: monaco, monago y monje, de
monacus; deán y decano, episcopado y obispado, decanato,
pináculo, cenáculo y cenador, dominica y domingo, todas litúrgicas.

La pronunciación varía á veces, otras la sola ortografía, fundada

acaso en una etimología falsa: holgar y folgar, faca, haca y jaca,
hatajo y atajo, hasta y asta, buhardilla y guardilla, hosco y fosco,
agur y abur, halda y falda, hanega y fanega, arpado y harpado,
holgorio, folgorio y jolgorio, atiborrar y atiforrar, crear y criar, hierba y
yerba, fleco y flueco, frey y fray, menjuí y benjuí, albóndiga y
almóndiga, aspaviento y espaviento, moñiga y boñiga, bodrio y
brodio, bolondro y molondro, cuáquero y cuácaro, cogulla y cugulla,
entremeter y entrometer. No poco influye en esta variedad el uso de
los diversos dialectos, que no se han fundido todavía. Por lo mismo,
esta variedad fué mucho mayor antiguamente, y en sus principios
debió de haber una espantosa confusión. No habiendo las
comunicaciones de hoy ni la literatura, elementos que fijan las
formas en cada provincia y en cada población, era natural se
formasen los vocablos con cierta variedad y libertad: dentro del
genio del castellano caben muchas particularidades, puesto que las
leyes fonéticas se fundan en principios generales cuya aplicación
permite cierta amplitud, y los sufijos y raíces, no teniendo otro valor
que el convencional del uso, fácilmente se modifican en los labios
del pueblo. Los sufijos latinos, por su mayor parte, tienen una
significación muy vaga, no responden á una idea fija: de aquí que se
aplicaran con mucha libertad y poca precisión al derivarse nuevas
formas. Esto no sucede con los sufijos de origen eusquérico, cuyo
valor es exactísimo y determinado, y así lo conservan y se
conservan ellos mismos más intactos en castellano.

El genio del castellano tiende á formar diptongo de cualquier

combinación de vocales; los eruditos tienden á conservar el reflejo
etimológico de las voces. De aquí la varia pronunciación: los
eruditos dicen amoníaco, zodíaco, Calíope, miríada, saúco, Esaú;
pero el pueblo quita ese acento y forma los diptongos zodiáco,
Caliópe, miriáda, sáuco, Esáu, y tiene el derecho de hacerlo, pues
una cosa es hablar griego ó latín y otra hablar castellano y como lo
pide el genio del castellano.

17. Los radicales helénicos del castellano pueden dividirse en cuatro

clases:

1.ª. Los que han dado palabras y derivados vulgares en castellano.

Todos han venido por el latín vulgar y se atienen á la fonética de los
radicales vulgares latinos. Tales son los radicales vulgares latino-
helénicos.

2.ª. Los que vinieron desde el tiempo del Imperio como vocablos de
erudición y de cultura, con la religión, las artes, las letras, las
ciencias. Han penetrado más ó menos en el castellano vulgar, según
que las ideas que consigo llevan han llegado á ser patrimonio del
pueblo. Pero en la fonética se atienen á los radicales latino-eruditos,
no transformándose enteramente y mudando de pronunciación
según los tiempos, como herencia exclusiva del clero, de los sabios,
de los artistas, etcétera, en la cual sólo indirectamente el vulgo tiene
parte. Son los radicales semieruditos.

Es de advertir que aun en Occidente la lengua de la Iglesia en los

primeros siglos, fué el griego, y que en los dos primeros se
empleaba el griego en la liturgia, en la predicación, en las cartas de
los Pontífices, en los escritos de los Padres y autores eclesiásticos,
y en las inscripciones sepulcrales, como puede verse en la Roma
subterránea.

3.ª. Los que han llegado al castellano pasando por el árabe ó por el
italiano y el francés entran en el caudal común de radicales
románicos, ateniéndose á su fonética. Son los radicales que
podemos denominar helénico-extraños.

4.ª. Los que se han traído ó ídose formando artificialmente por los
eruditos con el transcurso del tiempo, conforme á los nuevos
inventos y doctrinas, necesitando de un tecnicismo apropiado: han
acudido los eruditos como á conocido arsenal al Diccionario
helénico. Son los términos eruditos técnicos, que, con la gran
expansión de la cultura moderna, se han multiplicado, sobre todo
desde la época del Renacimiento, y más desde la Revolución
francesa. Este caudal, que, con algunos términos latinos, otros
híbridos de latín y griego y otros de las lenguas modernas, forma un
diccionario particular de cada ciencia, arte y oficio, por ejemplo, el
tecnicismo de medicina, de las ciencias físicas, de las matemáticas,
de la filosofía, de la gramática y literatura, etcétera, contiene algunos
vocablos que van llegando hasta las últimas capas sociales, en
razón de lo generales que son las ideas y objetos que designan.
Son términos cosmopolitas, como son cosmopolitas esas ideas y
objetos, por manera que se han introducido en todas las lenguas
cultas, no sólo de Europa, sino del mundo entero. Si el
individualismo de las naciones y pueblos no opusiera
constantemente sus tendencias diferenciadoras, llegaría un día que
el mundo entero se hallaría, sin saberlo, dueño de una lengua
realmente universal. Esta lengua, que ya es universal para la
ciencia, la industria, las artes y el comercio, iría arrinconando
multitud de vocablos particulares de cada idioma, reemplazándolos
con otros cosmopolitas grecolatinos. Porque no se limita al
tecnicismo, sino que esta lengua universal va infiltrándose hasta en
el léxico general y vulgar, introduciendo vocablos para designar
ideas y objetos de uso antiguo, haciendo que la moda y el buen tono
les hagan lugar y se les prefiera á los antiguos vocablos. Es que la
cultura transforma poco á poco todas las instituciones, todas las
ideas, todos los artefactos, el modo de ser de las ciencias, de las
artes, de los oficios, y las nuevas modificaciones traen consigo
nuevos términos, que se sacan, generalmente, del léxico griego,
fuente de la cultura europea y arsenal de nuestra civilización.

Los que pretenden generalizar esas lenguas artificiales, tan

desastrosamente fabricadas por gentes que poco ó nada entienden
de lingüística, bautizándolas con el pomposo nombre de lenguas
universales, aunque sólo tengan la efímera vida de dos ó tres años
entre algunos aficionados á este género de deporte, que lo es tanto
como el del boxeo, de la esgrima, del automovilismo, de la filatelia,
llegará un día en que se darán de bruces con la verdadera lengua
universal, que, sin manos de hombre, como todas las cosas
naturales y necesarias, se había ido formando por sí sola y sin
sentir, como efecto consiguiente de la comunidad de ideas y de la
expansión mundial de la civilización, que llena ya el mundo, se
arraiga y afianza hasta en las regiones más salvajes, y allega todas
las razas en una sola comunidad humana.

La lucha entre estas tendencias niveladoras de la civilización, con su

instrumento propio, que se está formando, quiero decir con esta
lengua helénica universal, y entre las tendencias separatistas de los
pueblos con sus correspondientes idiomas, está entablada tiempo
ha, y ha venido á heredar la de los antiguos imperios
conquistadores, con sus propios idiomas, contra los pueblos
inferiores con los suyos. Como el Imperio griego con su lengua
griega dominó el oriente, como el Imperio romano con su lengua
romana dominó el occidente, porque no fueron imperios apoyados
puramente por la fuerza bruta, cual el de los bárbaros del Norte ó el
de los árabes, sino fundados en la cultura, y que lo que llevaban á
los pueblos vencidos era la cultura, eso mismo pasará, y está ya
pasando con la cultura europea y su lengua propia, que es la
helénico-científica.
No puede desconocerse el resultado de la lucha: la cultura será
vencedora, tarde ó temprano, como siempre lo fué, y lo que el
griego y el latín antiguamente, será para el mundo entero esta
nueva lengua, que á nuestros ojos vemos formarse en nuestros días
y crecer y recorrer el universo. Tal es el porvenir del tecnicismo
helénico.

Cosa de risa es oir á los que creen tachar de pobres algunos

idiomas, pongo por caso el vascuence, con echarle en cara su falta
de términos científicos, artísticos, industriales. ¿Acaso los tiene el
castellano ó el francés? Ese lenguaje de las artes, de la industria, de
la ciencia, tan vascongado es como francés ó castellano. Es griego
científico, ó, digamos mejor, griego artificial, á veces muy mal
fraguado por manos inexpertas, ajenas á todo conocimiento
lingüístico, y que se contentaron con hojear un léxico helénico y
pegotear malamente raíces y sufijos.

Ese lenguaje es del mundo de la civilización. Cada pueblo lo

modifica algún tanto al pasar por sus labios, y algo menos al
escribirlo; pero ninguno puede alabarse de ser suyo propio, ni aun
los mismos griegos, cuyo idioma difiere de aquel antiguo del cual se
ha formado.

Los alemanes tienen en gran parte formado un tecnicismo con

radicales y sufijos alemanes, y otro tanto pudieran hacer los
vascongados, si, constituyendo una nación tan numerosa como la
germánica, hubiera alguna utilidad en ello. No han dejado de
intentarlo, para la gramática sobre todo, algunos autores
vascongados, y no es menos ridículo el que se hayan algunos
burlado de tal intento, diciendo que ese era un lenguaje artificial. Tan
artificial es, ciertamente, como el del tecnicismo alemán y como el
del tecnicismo griego. El griego, el alemán, el vascuence, dan de sí
para formar ese lenguaje, y claro está que siempre será artificial,
digo parto de algunos particulares eruditos, puesto que las ideas
que expresa nunca pueden ser propiedad común de la multitud.
Pero ni el individualismo germánico, ni el empeño de algunos
euscarófilos lograrán hacer viables y duraderos esos lenguajes
artificiales. El único que tendrá porvenir será el helénico, porque es
hijo de toda una civilización que conquista el mundo y que en sus
tendencias transformadoras lleva camino de volver de arriba abajo
todas las ideas, artefactos é instituciones, por manera que, á pesar
de ser artificial en su punto de arranque, es un lenguaje que se irá
haciendo natural por ser indispensable vehículo de la cultura, que
penetra cada vez más hasta las más hondas capas sociales.

Ni hay que temer que, en llegando al pueblo ese lenguaje, habrá de

mudar fonéticamente en cada nación, desmembrándose en infinidad
de idiomas, conforme al color fonético de los idiomas peculiares de
cada una de ellas, que es lo que sucedió con el latín en las diversas
regiones de la Romanía, y lo que sucedería con cualquier lengua
universal de esas artificiales, que hoy se fabrican cinco ó seis al
año. Las comunicaciones han de ser cada vez mayores. Los
pueblos tienden á unificarse en sus costumbres é ideas y á unirse
políticamente en grandes nacionalidades, que el día de mañana tal
vez sean tres ó cuatro en toda Europa, y se hayan de llamar la
nación latina, la nación germánica, la nación eslava. La ciencia, el
arte, la industria, el comercio, estarán todavía más unidos, y siendo
precisamente propiedad de ellos ese lenguaje, es más difícil que se
disuelva, desmembrándose, con lo que se perdería el propósito final
de la unidad lingüística. Estas mismas instituciones, fundamento de
tal lenguaje, tienen por instrumento indispensable la escritura, que
contiene la evolución del habla.

La civilización, en una palabra, será única para todos los pueblos, y

la escritura y las comunicaciones servirán de archivo perenne
conservador del instrumento de esa única civilización, que será el
lenguaje helénico-científico.

Ni es necesario, ni siquiera conveniente, el que de todo punto

desaparezcan las hablas populares y con ellas las literaturas de las
razas. Con ellas puede convivir hermanadamente una lengua
científica, artística, comercial y, hasta cierto punto, popular y literaria,
que sea patrimonio común de todos los pueblos. Pero del porvenir
sólo puede hablarse por conjeturas, y adivinando por las señales
que deja traslucir el estudio de las tendencias históricas de la
sociedad y de la civilización.

18. Nacimiento de la literatura popular.—No menos

que en el lenguaje, entre el popular y erudito, hay
que asentar esta distinción capital en la literatura.
Son dos corrientes que corren paralelas: todo idioma
que no se escribe tiene su literatura popular, que es
tan necesaria consecuencia de la fantasía y del
entendimiento de un pueblo como lo es el uso del
adorno y de la música, que en ningún pueblo faltan,
por salvaje que sea. Hablárase la lengua que se
hablara en España, siempre el pueblo tuvo su propia
literatura no escrita, que llamamos popular. Desde
que se habló romance hubo, pues, literatura popular
castellana, que constaba, como siempre ha
constado, de refranes, que pertenecen más bien al
género didáctico y son frases particulares que
envuelven algún principio doctrinal; de cantares ó
coplas, que más bien pertenecen al género lírico, y
de narraciones algo más largas, al modo de los
romances, que pertenecen al género narrativo, épico
y más ó menos dramático. Estos géneros cultiva hoy
el pueblo de por sí y los cultivó siempre en España.
Aventajan en universalidad y profundidad á las obras
literarias eruditas, cuanto al habla erudita aventaja el
habla popular, por ser lo popular más nacional, mejor
dicho, lo único nacional y digamos personal de la
nación, y valer tanto más cualquiera obra de arte
cuanto más de personal tiene. La raíz de ello está en
lo natural é inconsciente y como nacido de lo más
hondo del alma de toda la sociedad, y esto en la
literatura no menos que en el idioma. En cambio, las
obras eruditas son más reflexivas y más individuales
y en gran parte producto de la imitación de las obras
extrañas de otros pueblos, por consiguiente, menos
personales y menos nacionales. Por eso, el criterio
estético moderno se gobierna por el principio del ser
las obras más ó menos nacionales, populares y
personales. Lo más popular es lo más nacional; pero
lo más personal en un autor dado es lo más nacional
y popular igualmente, porque la raíz más honda de la
personalidad de un individuo es la que arranca del
alma común del pueblo y nación donde nació. Así, el
Quijote es obra personalísima de Cervantes, y lo es
mucho más que el Persiles, porque es, á la vez, más
española en el pensamiento y en el lenguaje. La
personalidad, en vez de desviarse de la
nacionalidad, tira á ella, como á su propio centro, y lo
más personal es lo que con la nacionalidad se
confunde.

La nota característica de la literatura popular

española es el realismo, quiero decir, el aferrarse á
la realidad de la vida y de los hechos, huyendo de
todo ensueño, quimera, símbolo y abstracción
metafísica. Lo cual no empece para que el empleo
de la metáfora no sea tan propio de la literatura
como lo es del idioma castellano; antes bien, llega al
derroche y adonde no llegó lengua ni literatura
alguna. Pero esto mismo confirma lo dicho, en vez
de debilitarlo, porque la metáfora hace que los
pensamientos más abstractos se aferren á la
realidad, pintándolos, no con otro color que la pura
materia real, con hechos reales, que se ven, se
tocan, se huelen y suenan. Por ser realista es,
además, ética, moral, esto es, mira siempre á la
práctica del vivir, como nuestra filosofía, realista y
ética, que no se desvaha en metafísicas y sistemas
idealistas á la griega ó á la alemana.
19. El cotejo del saber popular, encerrado en refranes, cantares,
romances y gestas, comparado con el de los eruditos y sabios
particulares, lo ha hecho como nadie Joaquín Costa en la Poesía
popular española (Madrid, 1888). El saber, especificado por los
artistas del pueblo, es más objetivo, porque también es más
impersonal, y, como consecuencia, más homogéneo, más uno y, en
el fondo, más verdadero; el saber de los científicos (hablamos de la
ciencia de las escuelas) sufre más la presión y el influjo de la
individualidad; revela, por punto general, menos discreción y
prudencia; es más propenso á declinar en quimérico y abstracto y á
tomar por imágenes verdaderas de los objetos cognoscibles
engañosos espejismos de la fantasía; se muestra más perplejo é
inseguro en las conclusiones y más fecundo en fórmulas doctrinales
sobre un mismo problema, por lo mismo que difiere más de la
realidad. Que si, ciertamente, la verdad es una sola, los aspectos
relativos, falsos ó parciales de la verdad son infinitos. Así, en el
saber del sentido común, no se conciben los sistemas, al paso que
sería difícil concebir sin ellos el desenvolvimiento histórico de la
ciencia.

En segundo lugar, el saber popular, si es más uno en el fondo, es

más inorgánico en la forma, y su oposición al de los científicos nace
de ser éste en la forma uno, y vario é inorgánico en la esencia. La
unidad visible es dote de la teoría; la invisible, del sentido común. En
aquélla la aparente unidad no tiene otra existencia que la puramente
exterior, no es eco ni reflejo de la interior real, porque en el interior
no hay sino variedad y oposición insoluble; en el sentido común, al
contrario, la unidad es sólo de cosa, vive replegada en la
substancia, no se revela al exterior, es unidad amorfa. Podría
compararse el saber de los teóricos á aquellas armonías fantásticas
y puramente subjetivas que creen escuchar los enfermos de ciertas
dolencias, y que son efecto de una perturbación de sus facultades
psíquicas. Mientras que el Refranero, por ejemplo, semeja
tumultuoso clamor de voces discordantes, siendo en realidad
acordada sinfonía de infinitos armoniosos acentos y ecos en que
toma parte toda la humanidad; mas para percibirla es menester
apoderarse antes de la clave, replegarse en lo íntimo de la
conciencia y abstraerse de algunos ruidos extraños que no alcanzan
á turbar aquel divino concierto: es preciso saber escuchar.

En tercer lugar, el individuo falla en su saber por sobra de teoría y

falta de práctica, y así, el varón más sabio es de hecho el más
experimentado. Pero ¿qué es para la experiencia la cortedad de la
vida de un hombre, si la comparamos con la suma de las vidas de
cuantos constituyen el pueblo, y esto durante una y otra
generación? El saber popular es como el sedimento de la
experiencia de los siglos, es lo más aquilatado que pudo pasar por
la criba de millones de hombres, de suerte que sólo lo que todos
aceptaron como bueno y verdadero, lo más apurado, el epifonema
de todos los desengaños de las gentes, es lo que entra á formar
parte del tesoro del saber común. El saber individual no puede
menos de llevar mucha liga, que sólo la experiencia, á la larga, iría
desechando.

Finalmente, la sabiduría del saber popular en refranes, canciones,

romances, se expresa en lenguaje figurado, mientras que en la
ciencia teórica la expresión es directa, lógica; explica lo invisible por
lo visible, habla á la imaginación, no conoce el lenguaje abstracto ni
el análisis en que se declara la ciencia de los sabios; sus silogismos
son vivientes encarnaciones estéticas, sus verdades no se
encasillan en conceptos abstractos, sino que se vierten en hechos
vivos, en figuras sensibles. El refrán es obra de poesía, de intuición;
la ciencia es obra de abstracción, de razonamiento. El refrán dice
las verdades pintando los hechos; la ciencia, abstrayendo fórmulas.

Parecidas cualidades encierra el conocimiento histórico popular,

cotejado con la historia erudita. Toda la literatura sabia puede
reducirse á lo de Horacio: res gestae regumque ducumque et tristia
bella. La Historia de España es la historia de sus reyes, no la de la
nación española de su vida, de su cultura, de sus instituciones. Las
narraciones populares, del Romancero y de las gestas, diríanse una
protesta contra esas Crónicas reales, personificando al pueblo en
Bernardo del Carpio, Fernán González, el Cid, contra la monarquía.
No que contra ella vaya el espíritu popular castellano, antes se
muestra amantísimo de sus reyes; sino que se complace en salir por
los fueros del común y goza con sus triunfos y pena con sus
desastres, personificándolo en caudillos que son otros que sus
reyes, retratando así la lucha natural entre el egoísmo de uno y la
sumisión de la muchedumbre. No suelen ser los reyes los más
cantados por la musa popular, sino los personajes, á veces
obscuros, que simbolizan los ideales del pueblo ó sus penas y
sentimientos. Lo que es esencial al cantor é historiador erudito es
secundario á la musa popular, y, al revés, le es á ella esencial lo que
deja en la sombra el escritor erudito.

La verdad histórica en las narraciones populares, tamizadas por los

siglos, es mayor en el fondo, siquiera lo sea menos en los
accesorios: el espíritu es más independiente, la palabra más
ingenua, los juicios más desinteresados é imparciales, porque el
pueblo, al través de los tiempos, por ser impersonal, ni adula ni
teme, ni se inclina á una ú otra bandería más que á la parte donde le
lleva el peso del saber popular encerrado en sus refranes, de la
moral eterna encerrada en el sentido común. Si fuera parcial, una
parte del pueblo no aceptaría la narración, y así ha de quedar
apurada por el parecer de todos antes de llegar á ser popular.
Además, la narración del erudito queda á veces sacrificada al arte, á
un buen dicho, á un rasgo elegante, á una frase, al afeite exterior, al
golpe y efecto que desea producir en el público; la popular carece
de toda afectación y propósito técnico, es natural, y su arte consiste
en no tenerlo sino inconscientemente.

La musa popular castellana se distingue, además, de la de otros

pueblos por no hacer intervenir lo maravilloso más que en una justa
medida. Cree en apariciones de Santiago y de otros
bienaventurados y en milagros, pero mucho menos que los autores
del mester de clerezia, y todo ello puede reducirse al
providencialismo, que el pueblo español reconoce; pero no adolece