Full Download Ebook Ebook PDF New Perspectives On HTML 5 and Css Comprehensive 8th Edition PDF

(eBook PDF) New Perspectives on
HTML 5 and CSS: Comprehensive 8th

Edition
Visit to download the full and correct content document:
https://ebooksecure.com/download/ebook-pdf-new-perspectives-on-html-5-and-css-c
omprehensive-8th-edition/
Copyright 2021 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. WCN 02-200-203
vi New Perspectives Series
Kate Mason, Learning Designer; Tom Benedetto, Product Assistant; Erin Griffin, Art Director;
Fola Orekoya, Manufacturing Planner; Lumina Datamatics Ltd., Compositor, as well as John
Freitas and Danielle Shaw, Technical Editors.
This book is dedicated to my wife Joan who is my inspiration and role model for her good
humor, dedication, and tireless support.
– Patrick Carey
Copyright 2021 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 5 and CSS, 8th Edition, Comprehensive vii
BRIEF CONTENTS
HTML Level I Tutorials
Tutorial 1 Getting Started with HTML 5. . . . . . . . . . . . . . . . . . . . . . . . . HTML 1
Creating a Website for a Food Vendor
Tutorial 2 Getting Started with CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 85
Designing a Website for a Fitness Club
Level II Tutorials
Tutorial 3 Designing a Page Layout . . . . . . . . . . . . . . . . . . . . . . . . . HTML 175
Creating a Website for a Chocolatier
Tutorial 4 Graphic Design with CSS . . . . . . . . . . . . . . . . . . . . . . . . . HTML 273
Creating a Graphic Design for a Genealogy Website
Tutorial 5 Designing for the Mobile Web. . . . . . . . . . . . . . . . . . . . . . HTML 361
Creating a Mobile Website for a Daycare Center
Level III Tutorials

Tutorial 6 Working with Tables and Columns. . . . . . . . . . . . . . . . . . . . HTML 451
Creating a Program Schedule for a Radio Station
Tutorial 7 Designing a Web Form . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 517
Creating a Survey Form
Tutorial 8 Enhancing a Website with Multimedia . . . . . . . . . . . . . . . . HTML 601
Working with Sound, Video, and Animation
Tutorial 9 Getting Started with JavaScript. . . . . . . . . . . . . . . . . . . . . HTML 681
Creating a Countdown Clock
Tutorial 10 Exploring Arrays, Loops, and Conditional Statements. . . . HTML 751
Creating a Monthly Calendar
Appendix A Color Names with Color Values, and HTML Character
Entities. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML A1
Appendix B HTML Elements and Attributes. . . . . . . . . . . . . . . . . . . . . HTML B1
Appendix C Cascading Styles and Selectors . . . . . . . . . . . . . . . . . . . . . HTML C1
Appendix D Making the Web More Accessible . . . . . . . . . . . . . . . . . . . HTML D1
Appendix E Designing for the Web. . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML E1
Appendix F Page Validation with XHTML . . . . . . . . . . . . . . . . . . . . . . HTML F1
Glossary REF 1
Index REF 11
viii New Perspectives Series
TABLE OF CONTENTS
Preface. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . iii SESSION 1.2��HTML 22
Writing the Page Body . . . . . . . . . . . . . . . . . . . . . . HTML 24

HTML LEVEL I TUTORIALS Using Sectioning Elements . . . . . . . . . . . . . . . . HTML 24
Tutorial 1 Getting Started with HTML 5 Comparing Sections in HTML 4 and HTML 5 . . HTML 26
Creating a Website for a Food Vendor . . . . . . . . . HTML 1
Using Grouping Elements . . . . . . . . . . . . . . . . . . HTML 26
SESSION 1.1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 2
Using Text-Level Elements . . . . . . . . . . . . . . . . HTML 29
Exploring the World Wide Web . . . . . . . . . . . . . . . . HTML 4
Linking an HTML Document to a Style Sheet . . . . . HTML 32
Networks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 4
Working with Character Sets and Special
Locating Information on a Network . . . . . . . . . . . HTML 4 Characters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 33
Web Pages and Web Servers . . . . . . . . . . . . . . . . HTML 4 Character Encoding . . . . . . . . . . . . . . . . . . . . . . HTML 33
Introducing HTML . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 5 Character Entity References . . . . . . . . . . . . . . . HTML 34
The History of HTML . . . . . . . . . . . . . . . . . . . . . HTML 5 Working with Inline Images . . . . . . . . . . . . . . . . . . HTML 36
Tools for Working with HTML . . . . . . . . . . . . . . . . . HTML 6 Line Breaks and Other Empty Elements . . . . . . . HTML 38
Content Management Systems and Working with Block Quotes and Other Elements . . . HTML 39
Frameworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 7
Session 1.2 Quick Check . . . . . . . . . . . . . . . . . . . . . HTML 45
Testing your Code . . . . . . . . . . . . . . . . . . . . . . . . HTML 7
SESSION 1.3��HTML 46
Exploring an HTML Document . . . . . . . . . . . . . . . . . HTML 8
Working with Lists . . . . . . . . . . . . . . . . . . . . . . . . . HTML 48
The Document Type Declaration . . . . . . . . . . . . . HTML 8
Ordered Lists . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 48
Introducing Element Tags . . . . . . . . . . . . . . . . . . HTML 9
Unordered Lists . . . . . . . . . . . . . . . . . . . . . . . . . HTML 49
The Element Hierarchy . . . . . . . . . . . . . . . . . . . HTML 10
Description Lists . . . . . . . . . . . . . . . . . . . . . . . . HTML 51
Introducing Element Attributes . . . . . . . . . . . . . HTML 11
Navigation Lists . . . . . . . . . . . . . . . . . . . . . . . . HTML 55
Handling White Space . . . . . . . . . . . . . . . . . . . . HTML 12
Working with Hypertext Links . . . . . . . . . . . . . . . . HTML 57
Viewing an HTML File in a Browser . . . . . . . . . HTML 12
Turning an Inline Image into a Link . . . . . . . . . . HTML 59
Creating an HTML File . . . . . . . . . . . . . . . . . . . HTML 13
Specifying the Folder Path . . . . . . . . . . . . . . . . . . . HTML 60
Creating the Document Head . . . . . . . . . . . . . . . . . HTML 15
Absolute Paths . . . . . . . . . . . . . . . . . . . . . . . . . HTML 61
Setting the Page Title . . . . . . . . . . . . . . . . . . . . HTML 16
Relative Paths . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 61
Adding Metadata to the Document . . . . . . . . . . HTML 16
Setting the Base Path . . . . . . . . . . . . . . . . . . . . HTML 62
Adding Comments to Your Document . . . . . . . . . . . HTML 18
Linking to a Location within a Document . . . . . . . . HTML 63
HTML 5 and CSS, 8th Edition, Comprehensive ix
Marking Locations with the id Attribute . . . . . . . HTML 63 RGB Color Values . . . . . . . . . . . . . . . . . . . . . . . HTML 99
Linking to an id . . . . . . . . . . . . . . . . . . . . . . . . . HTML 63 HSL Color Values . . . . . . . . . . . . . . . . . . . . . . HTML 101
Anchors and the name Attribute . . . . . . . . . . . . HTML 63 Defining Semi-Opaque Colors . . . . . . . . . . . . . HTML 102
Linking to the Internet and Other Resources . . . . . . HTML 64 Setting Text and Background Colors . . . . . . . . HTML 102
Linking to a Web Resource . . . . . . . . . . . . . . . . HTML 64 Employing Progressive Enhancement . . . . . . . . . . HTML 106
Linking to an Email Address . . . . . . . . . . . . . . . HTML 65 Session 2.1 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 107
Linking to a Phone Number . . . . . . . . . . . . . . . . HTML 67

Working with Hypertext Attributes . . . . . . . . . . . . . HTML 68
Exploring Selector Patterns . . . . . . . . . . . . . . . . . HTML 110
Validating Your Website . . . . . . . . . . . . . . . . . . . . . HTML 69
Contextual Selectors . . . . . . . . . . . . . . . . . . . . HTML 110
Attribute Selectors . . . . . . . . . . . . . . . . . . . . . HTML 113
Review Assignments . . . . . . . . . . . . . . . . . . . . . . . . HTML 76
Working with Fonts . . . . . . . . . . . . . . . . . . . . . . . HTML 117
Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 79
Choosing a Font . . . . . . . . . . . . . . . . . . . . . . . . HTML 117
Tutorial 2 Getting Started with CSS
Exploring Web Fonts . . . . . . . . . . . . . . . . . . . . . HTML 119
Designing a Website for a Fitness Club . . . . . . . HTML 85
The @font-face Rule . . . . . . . . . . . . . . . . . . . . HTML 120
SESSION 2.1 ��HTML 86
Setting the Font Size . . . . . . . . . . . . . . . . . . . . . . HTML 123
Introducing CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 88
Absolute Units . . . . . . . . . . . . . . . . . . . . . . . . . HTML 123
Types of Style Sheets . . . . . . . . . . . . . . . . . . . . HTML 88
Relative Units . . . . . . . . . . . . . . . . . . . . . . . . . HTML 123
Viewing a Page Using Different Style Sheets . . . HTML 89
Scaling Fonts with ems and rems . . . . . . . . . . . HTML 124
Exploring Style Rules . . . . . . . . . . . . . . . . . . . . . . . HTML 92
Using Viewport Units . . . . . . . . . . . . . . . . . . . . HTML 125
Browser Extensions . . . . . . . . . . . . . . . . . . . . . . HTML 92
Sizing Keywords . . . . . . . . . . . . . . . . . . . . . . . HTML 125
Embedded Style Sheets . . . . . . . . . . . . . . . . . . . HTML 93
Controlling Spacing and Indentation . . . . . . . . . . . HTML 127
Inline Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 93
Working with Font Styles . . . . . . . . . . . . . . . . . . . HTML 129
Style Specificity and Precedence . . . . . . . . . . . . HTML 94
Aligning Text Horizontally and Vertically . . . . . HTML 130
Style Inheritance . . . . . . . . . . . . . . . . . . . . . . . . HTML 94
Combining All Text Formatting in a
Browser Developer Tools . . . . . . . . . . . . . . . . . . HTML 95 Single Style . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 131
Creating a Style Sheet . . . . . . . . . . . . . . . . . . . . . . HTML 96 Session 2.2 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 133
Writing Style Comments . . . . . . . . . . . . . . . . . . HTML 96

Defining the Character Encoding . . . . . . . . . . . . HTML 97
Formatting Lists . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 138
Importing Style Sheets . . . . . . . . . . . . . . . . . . . HTML 98
Choosing a List Style Type . . . . . . . . . . . . . . . . HTML 138
Working with Color in CSS . . . . . . . . . . . . . . . . . . . HTML 98
Creating an Outline Style . . . . . . . . . . . . . . . . . HTML 138
Color Names . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 98
x New Perspectives Series
Using Images for List Markers . . . . . . . . . . . . . . HTML 141 Working with Container Collapse . . . . . . . . . . . HTML 201
Setting the List Marker Position . . . . . . . . . . . HTML 142 Session 3.1 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 204
Working with Margins and Padding . . . . . . . . . . . HTML 143

Setting the Padding Space . . . . . . . . . . . . . . . HTML 144
Introducing Grid Layouts . . . . . . . . . . . . . . . . . . . HTML 208
Setting the Margin and the Border Spaces . . . . HTML 146
Overview of Grid-Based Layouts . . . . . . . . . . . HTML 208
Using Pseudo-Classes and Pseudo-Elements . . . . . HTML 149
Fixed and Fluid Grids . . . . . . . . . . . . . . . . . . . . HTML 209
Pseudo-Classes . . . . . . . . . . . . . . . . . . . . . . . . HTML 149
CSS Frameworks . . . . . . . . . . . . . . . . . . . . . . . HTML 210
Pseudo-classes for Hypertext . . . . . . . . . . . . . HTML 152
Introducing CSS Grids . . . . . . . . . . . . . . . . . . . . . HTML 210
Pseudo-Elements . . . . . . . . . . . . . . . . . . . . . . HTML 154
Creating a CSS Grid . . . . . . . . . . . . . . . . . . . . . . . HTML 213
Generating Content with CSS . . . . . . . . . . . . . . . . HTML 155
Working with Grid Rows and Columns . . . . . . . . . HTML 215
Displaying Attribute Values . . . . . . . . . . . . . . . HTML 156
Track Sizes with Fractional Units . . . . . . . . . . . HTML 217
Inserting Quotation Marks . . . . . . . . . . . . . . . . . . HTML 157
Repeating Columns and Rows . . . . . . . . . . . . . HTML 218
Validating Your Style Sheet . . . . . . . . . . . . . . . . . HTML 158
Applying a Grid Layout . . . . . . . . . . . . . . . . . . . HTML 219
Session 2.3 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 160
Outlining a Grid . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 221
Review Assignments . . . . . . . . . . . . . . . . . . . . . . . HTML 166
Placing Items within a Grid . . . . . . . . . . . . . . . . . HTML 223
Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 169
Placing Items by Row and Column . . . . . . . . . . HTML 224
HTML LEVEL II TUTORIALS Using the span Keyword . . . . . . . . . . . . . . . . . HTML 226
Placing Grid Items by Area . . . . . . . . . . . . . . . HTML 228

Tutorial 3 Designing a Page Layout
Creating a Website for a Chocolatier . . . . . . . HTML 175 Defining the Grid Gap . . . . . . . . . . . . . . . . . . . . . HTML 232
SESSION 3.1 ��HTML 176 Managing Space within a Grid . . . . . . . . . . . . . . . HTML 234
Introducing the display Style . . . . . . . . . . . . . . . . HTML 178 Alignment for a Single Grid Cell . . . . . . . . . . . HTML 235
Creating a Reset Style Sheet . . . . . . . . . . . . . . . . HTML 178 Aligning the Grid . . . . . . . . . . . . . . . . . . . . . . . HTML 235
Exploring Page Layout Designs . . . . . . . . . . . . . . HTML 182 Session 3.2 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 237
Fixed, Fluid, and Elastic Layouts . . . . . . . . . . . HTML 182 SESSION 3.3 ��HTML 238
Working with Width and Height . . . . . . . . . . . . . . HTML 184 Positioning Objects . . . . . . . . . . . . . . . . . . . . . . . . HTML 240
Setting Maximum and Minimum Dimensions . . HTML 184 The CSS Positioning Styles . . . . . . . . . . . . . . . HTML 240
Centering a Block Element . . . . . . . . . . . . . . . HTML 187 Relative Positioning . . . . . . . . . . . . . . . . . . . . . HTML 240
Vertical Centering . . . . . . . . . . . . . . . . . . . . . . HTML 188 Absolute Positioning . . . . . . . . . . . . . . . . . . . . HTML 241
Floating Page Content . . . . . . . . . . . . . . . . . . . . . HTML 189 Fixed and Inherited Positioning . . . . . . . . . . . . HTML 244
Clearing a Float . . . . . . . . . . . . . . . . . . . . . . . . HTML 193 Using the Positioning Styles . . . . . . . . . . . . . . . HTML 244
Refining a Floated Layout . . . . . . . . . . . . . . . . HTML 197
HTML 5 and CSS, 8th Edition, Comprehensive xi
Handling Overflow . . . . . . . . . . . . . . . . . . . . . . . . HTML 254 Gradients and Color Stops . . . . . . . . . . . . . . . . HTML 315
Clipping an Element . . . . . . . . . . . . . . . . . . . . . . . HTML 257 Creating a Radial Gradient . . . . . . . . . . . . . . . HTML 316
Stacking Elements . . . . . . . . . . . . . . . . . . . . . . . . HTML 258 Repeating a Gradient . . . . . . . . . . . . . . . . . . . . HTML 320
Session 3.3 Quick Check . . . . . . . . . . . . . . . . . . . HTML 260 Creating Semi-Transparent Objects . . . . . . . . . . . . HTML 322
Review Assignments . . . . . . . . . . . . . . . . . . . . . . . HTML 267 Session 4.2 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 324

SESSION 4.3 . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 326
Tutorial 4 Graphic Design with CSS
Transforming Page Objects . . . . . . . . . . . . . . . . . . HTML 328
Creating a Graphic Design for a
Genealogy Website . . . . . . . . . . . . . . . . . . . . . . HTML 273 Transformations in Three Dimensions . . . . . . . . HTML 332
Understanding Perspective . . . . . . . . . . . . . . . HTML 333

SESSION 4.1 . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 274
Exploring CSS Filters . . . . . . . . . . . . . . . . . . . . . . HTML 337
Creating Figure Boxes . . . . . . . . . . . . . . . . . . . . . HTML 276
Working with Image Maps . . . . . . . . . . . . . . . . . . HTML 341
Exploring Background Styles . . . . . . . . . . . . . . . . HTML 280
Defining a Client-Side Image Map . . . . . . . . . . HTML 341
Tiling a Background Image . . . . . . . . . . . . . . . HTML 281
Applying an Image Map . . . . . . . . . . . . . . . . . . HTML 345
Attaching the Background Image . . . . . . . . . . . HTML 283
Setting the Background Image Position . . . . . . HTML 283
Review Assignments . . . . . . . . . . . . . . . . . . . . . . HTML 354
Defining the Extent of the Background . . . . . . HTML 284
Sizing and Clipping an Image . . . . . . . . . . . . . . HTML 285
The background Property . . . . . . . . . . . . . . . . HTML 286

Tutorial 5 Designing for the Mobile Web
Creating a Mobile Website for a Daycare Center . . HTML 361
Adding Multiple Backgrounds . . . . . . . . . . . . . HTML 288
Working with Borders . . . . . . . . . . . . . . . . . . . . . HTML 290
Introducing Responsive Design . . . . . . . . . . . . . . . HTML 364
Setting Border Width and Color . . . . . . . . . . . HTML 290
Introducing Media Queries . . . . . . . . . . . . . . . . . . HTML 365
Setting the Border Design . . . . . . . . . . . . . . . . HTML 291
The @media Rule . . . . . . . . . . . . . . . . . . . . . . HTML 366
Creating Rounded Corners . . . . . . . . . . . . . . . . HTML 293
Media Queries and Device Features . . . . . . . . . HTML 367
Applying a Border Image . . . . . . . . . . . . . . . . . HTML 297
Applying Media Queries to a Style Sheet . . . . . HTML 369
Exploring Viewports and Device Width . . . . . . . . . HTML 372
Creating a Mobile Design . . . . . . . . . . . . . . . . . . . HTML 375
Creating Drop Shadows . . . . . . . . . . . . . . . . . . . . HTML 304
Creating a Pulldown Menu with CSS . . . . . . . . HTML 376
Creating a Text Shadow . . . . . . . . . . . . . . . . . . HTML 304
Testing Your Mobile Website . . . . . . . . . . . . . . HTML 379
Creating a Box Shadow . . . . . . . . . . . . . . . . . . HTML 306
Creating a Tablet Design . . . . . . . . . . . . . . . . . . . HTML 383
Applying a Color Gradient . . . . . . . . . . . . . . . . . . HTML 312
Creating a Desktop Design . . . . . . . . . . . . . . . . . . HTML 387
Creating a Linear Gradient . . . . . . . . . . . . . . . HTML 312
xii New Perspectives Series
SESSION 5.2��HTML 392 Session 5.3 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 437
Introducing Flexible Boxes . . . . . . . . . . . . . . . . . . HTML 394 Review Assignments . . . . . . . . . . . . . . . . . . . . . . . HTML 443
Defining a Flexible Box . . . . . . . . . . . . . . . . . . HTML 394 Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 446
Cross-Browser Flexboxes . . . . . . . . . . . . . . . . . HTML 395

HTML LEVEL III TUTORIALS
Setting the Flexbox Flow . . . . . . . . . . . . . . . . . HTML 395
Tutorial 6 Working with Tables and Columns
Working with Flex Items . . . . . . . . . . . . . . . . . . . HTML 397 Creating a Program Schedule for a Radio Station . . HTML 451
Setting the Flex Basis . . . . . . . . . . . . . . . . . . . HTML 397
Defining the Flex Growth . . . . . . . . . . . . . . . . . HTML 398
Introducing Web Tables . . . . . . . . . . . . . . . . . . . . HTML 454
Defining the Shrink Rate . . . . . . . . . . . . . . . . . HTML 399
Marking Tables and Table Rows . . . . . . . . . . . . HTML 454
The flex Property . . . . . . . . . . . . . . . . . . . . . . HTML 401
Marking Table Headings and Table Data . . . . . HTML 456
Applying a Flexbox Layout . . . . . . . . . . . . . . . HTML 402
Adding Table Borders with CSS . . . . . . . . . . . . . . HTML 459
Reordering Page Content with Flexboxes . . . . . . . HTML 407
Spanning Rows and Columns . . . . . . . . . . . . . . . . HTML 464
Exploring Flexbox Layouts . . . . . . . . . . . . . . . . . . HTML 409
Creating a Table Caption . . . . . . . . . . . . . . . . . . . HTML 471
Aligning Items along the Main Axis . . . . . . . . . HTML 409
Aligning Flex Lines . . . . . . . . . . . . . . . . . . . . . HTML 410
Aligning Items along the Cross Axis . . . . . . . . . HTML 410 SESSION 6.2 ��HTML 476
Creating a Navicon Menu . . . . . . . . . . . . . . . . . . . HTML 412 Creating Row Groups . . . . . . . . . . . . . . . . . . . . . . HTML 478
Session 5.2 Quick Check . . . . . . . . . . . . . . . . . . . . . HTML 417 Creating Column Groups . . . . . . . . . . . . . . . . . . . . HTML 482
Exploring CSS Styles and Web Tables . . . . . . . . . HTML 485

Working with Width and Height . . . . . . . . . . . . HTML 486
Designing for Printed Media . . . . . . . . . . . . . . . . . HTML 420
Applying Table Styles to Other
Previewing the Print Version . . . . . . . . . . . . . . HTML 420 Page Elements . . . . . . . . . . . . . . . . . . . . . . . . HTML 490
Applying a Media Query for Printed Output . . . HTML 421 Tables and Responsive Design . . . . . . . . . . . . . . . . HTML 492
Working with the @page Rule . . . . . . . . . . . . . . . HTML 422 Designing a Column Layout . . . . . . . . . . . . . . . . . HTML 496
Setting the Page Size . . . . . . . . . . . . . . . . . . . HTML 423 Setting the Number of Columns . . . . . . . . . . . . HTML 496
Using the Page Pseudo-Classes . . . . . . . . . . . . HTML 423 Defining Columns Widths and Gaps . . . . . . . . . HTML 498
Page Names and the Page Property . . . . . . . . HTML 423 Managing Column Breaks . . . . . . . . . . . . . . . . HTML 501
Formatting Hypertext Links for Printing . . . . . HTML 428 Spanning Cell Columns . . . . . . . . . . . . . . . . . . HTML 503
Working with Page Breaks . . . . . . . . . . . . . . . . . . HTML 431 Session 6.2 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 505
Preventing Page Breaks . . . . . . . . . . . . . . . . . HTML 432 Review Assignments . . . . . . . . . . . . . . . . . . . . . . . HTML 510
Working with Widows and Orphans . . . . . . . . . HTML 434 Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 512
HTML 5 and CSS, 8th Edition, Comprehensive xiii
Tutorial 7 Designing a Web Form Creating a Range Slider . . . . . . . . . . . . . . . . . . HTML 566

Creating a Survey Form . . . . . . . . . . . . . . . . . . HTML 517
Suggesting Options with Data Lists . . . . . . . . . . . . HTML 569
SESSION 7.1 ��HTML 518 Working with Form Buttons . . . . . . . . . . . . . . . . . HTML 572
Introducing Web Forms . . . . . . . . . . . . . . . . . . . . HTML 520 Creating a Command Button . . . . . . . . . . . . . . HTML 572
Parts of a Web Form . . . . . . . . . . . . . . . . . . . . HTML 520 Creating Submit and Reset Buttons . . . . . . . . . HTML 572
Forms and Server-Based Programs . . . . . . . . . HTML 521 Designing a Custom Button . . . . . . . . . . . . . . . HTML 575
Starting a Web Form . . . . . . . . . . . . . . . . . . . . . . HTML 522 Validating a Web Form . . . . . . . . . . . . . . . . . . . . . HTML 575
Interacting with the Web Server . . . . . . . . . . . HTML 523 Identifying Required Values . . . . . . . . . . . . . . . HTML 575
Creating a Field Set . . . . . . . . . . . . . . . . . . . . . . . HTML 525 Validating Based on Data Type . . . . . . . . . . . . HTML 577
Marking a Field Set . . . . . . . . . . . . . . . . . . . . . HTML 525 Testing for a Valid Pattern . . . . . . . . . . . . . . . HTML 578
Adding a Field Set Legend . . . . . . . . . . . . . . . HTML 526 Defining the Length of the Field Value . . . . . . . HTML 580
Creating Input Boxes . . . . . . . . . . . . . . . . . . . . . . HTML 528 Applying Inline Validation . . . . . . . . . . . . . . . . . . . HTML 581
Input Types . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 528 Using the focus Pseudo-Class . . . . . . . . . . . . . . HTML 581
Input Types and Virtual Keyboards . . . . . . . . . HTML 531 Pseudo-Classes for Valid and Invalid Data . . . . HTML 583
Adding Field Labels . . . . . . . . . . . . . . . . . . . . . . . HTML 532 Session 7.3 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 586
Designing a Form Layout . . . . . . . . . . . . . . . . . . . HTML 534 Review Assignments . . . . . . . . . . . . . . . . . . . . . . . HTML 592
Defining Default Values and Placeholders . . . . . . . HTML 539 Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 595
Session 7.1 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 543 Tutorial 8 Enhancing a Website with Multimedia
Working with Sound, Video, and Animation . . . HTML 601
Entering Date and Time Values . . . . . . . . . . . . . . HTML 546
Introducing Multimedia on the Web . . . . . . . . . . . HTML 604
Creating a Selection List . . . . . . . . . . . . . . . . . . . HTML 547
Understanding Codecs and Containers . . . . . . . HTML 604
Working with select Attributes . . . . . . . . . . . . . HTML 549
Understanding Plug-Ins . . . . . . . . . . . . . . . . . . HTML 605
Grouping Selection Options . . . . . . . . . . . . . . . HTML 551
Working with the audio Element . . . . . . . . . . . . . . HTML 607
Creating Option Buttons . . . . . . . . . . . . . . . . . . . . HTML 553
Browsers and Audio Formats . . . . . . . . . . . . . . HTML 607
Creating Check Boxes . . . . . . . . . . . . . . . . . . . . . . HTML 556
Applying Styles to the Media Player . . . . . . . . HTML 610
Creating a Text Area Box . . . . . . . . . . . . . . . . . . . HTML 558
Providing a Fallback to an Audio Clip . . . . . . . . HTML 613
Exploring Embedded Objects . . . . . . . . . . . . . . . . HTML 615
Plug-In Attributes . . . . . . . . . . . . . . . . . . . . . . HTML 615
Entering Numeric Data . . . . . . . . . . . . . . . . . . . . HTML 564
Plug-Ins as Fallback Options . . . . . . . . . . . . . . HTML 616
Creating a Spinner Control . . . . . . . . . . . . . . . HTML 564
xiv New Perspectives Series
SESSION 8.2��HTML 618 The Development of JavaScript . . . . . . . . . . . . HTML 685
Exploring Digital Video . . . . . . . . . . . . . . . . . . . . HTML 620 Working with the script Element . . . . . . . . . . . . . HTML 686
Video Formats and Codecs . . . . . . . . . . . . . . . HTML 620 Loading the script Element . . . . . . . . . . . . . . . HTML 686
Using the HTML 5 video Element . . . . . . . . . . . . . HTML 621 Inserting the script Element . . . . . . . . . . . . . . HTML 687
Adding a Text Track to Video . . . . . . . . . . . . . . . . HTML 624 Creating a JavaScript Program . . . . . . . . . . . . . . . HTML 689
Making Tracks with WebVTT . . . . . . . . . . . . . HTML 625 Adding Comments to your JavaScript Code . . . HTML 689
Placing the Cue Text . . . . . . . . . . . . . . . . . . . . HTML 628 Writing a JavaScript Command . . . . . . . . . . . . HTML 690
Applying Styles to Track Cues . . . . . . . . . . . . . HTML 630 Understanding JavaScript Syntax . . . . . . . . . . HTML 691
Using Third-Party Video Players . . . . . . . . . . . . . HTML 634 Debugging Your Code . . . . . . . . . . . . . . . . . . . . . . HTML 692
Exploring the Flash Player . . . . . . . . . . . . . . . HTML 635 Opening a Debugger . . . . . . . . . . . . . . . . . . . . HTML 692
Embedding Videos from YouTube . . . . . . . . . . . HTML 636 Inserting a Breakpoint . . . . . . . . . . . . . . . . . . . HTML 694
HTML 5 Video Players . . . . . . . . . . . . . . . . . . HTML 637 Applying Strict Usage of JavaScript . . . . . . . . . HTML 695
Session 8.2 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 639 Session 9.1 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 697
SESSION 8.3 ��HTML 640 SESSION 9.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 698
Creating Transitions with CSS . . . . . . . . . . . . . . . HTML 642 Introducing Objects . . . . . . . . . . . . . . . . . . . . . . . HTML 700
Introducing Transitions . . . . . . . . . . . . . . . . . . HTML 642 Object References . . . . . . . . . . . . . . . . . . . . . . HTML 701
Setting the Transition Timing . . . . . . . . . . . . . . HTML 644 Referencing Object Collections . . . . . . . . . . . . HTML 701
Delaying a Transition . . . . . . . . . . . . . . . . . . . . HTML 647 Referencing an Object by ID and Name . . . . . . HTML 703
Creating a Hover Transition . . . . . . . . . . . . . . . HTML 647 Changing Properties and Applying Methods . . . . . HTML 704
Animating Objects with CSS . . . . . . . . . . . . . . . . . HTML 652 Object Properties . . . . . . . . . . . . . . . . . . . . . . HTML 704
The @keyframes Rule . . . . . . . . . . . . . . . . . . . HTML 652 Applying a Method . . . . . . . . . . . . . . . . . . . . . HTML 704
Applying an Animation . . . . . . . . . . . . . . . . . . . HTML 655 Writing HTML Code . . . . . . . . . . . . . . . . . . . . . . . HTML 705
Controlling an Animation . . . . . . . . . . . . . . . . . HTML 658 Working with Variables . . . . . . . . . . . . . . . . . . . . HTML 709
Session 8.3 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 666 Declaring a Variable . . . . . . . . . . . . . . . . . . . . HTML 709
Review Assignments . . . . . . . . . . . . . . . . . . . . . . . HTML 673 Variables and Data Types . . . . . . . . . . . . . . . . HTML 710
Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 676 Using a Variable . . . . . . . . . . . . . . . . . . . . . . . HTML 711
Tutorial 9 Getting Started with JavaScript Working with Date Objects . . . . . . . . . . . . . . . . . . HTML 711
Creating a Countdown Clock . . . . . . . . . . . . . . . HTML 681
Creating a Date Object . . . . . . . . . . . . . . . . . . HTML 712
SESSION 9.1 ��HTML 682 Applying Date Methods . . . . . . . . . . . . . . . . . . HTML 713
Introducing JavaScript . . . . . . . . . . . . . . . . . . . . . HTML 684 Setting Date and Time Values . . . . . . . . . . . . . HTML 716
Server-Side and Client-Side Programming . . . . HTML 684 Session 9.2 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 717
HTML 5 and CSS, 8th Edition, Comprehensive xv
SESSION 9.3 ��HTML 718 Reversing an Array . . . . . . . . . . . . . . . . . . . . . HTML 763
Working with Operators and Operands . . . . . . . . . HTML 720 Sorting an Array . . . . . . . . . . . . . . . . . . . . . . . HTML 764
Using Assignment Operators . . . . . . . . . . . . . . HTML 720 Extracting and Inserting Array Items . . . . . . . . HTML 765
Calculating the Days Left in the Year . . . . . . . . HTML 721 Using Arrays as Data Stacks . . . . . . . . . . . . . . HTML 766
Working with the Math Object . . . . . . . . . . . . . . . HTML 723 Session 10.1 Quick Check . . . . . . . . . . . . . . . . . . . HTML 769
Using Math Methods . . . . . . . . . . . . . . . . . . . . HTML 723

SESSION 10.2 �� HTML 770
Using Math Constants . . . . . . . . . . . . . . . . . . . HTML 728
Working with Program Loops . . . . . . . . . . . . . . . . HTML 772
Working with JavaScript Functions . . . . . . . . . . . . HTML 730
Exploring the for Loop . . . . . . . . . . . . . . . . . . HTML 772
Calling a Function . . . . . . . . . . . . . . . . . . . . . . HTML 732
Exploring the while Loop . . . . . . . . . . . . . . . . . HTML 774
Creating a Function to Return a Value . . . . . . . HTML 733
Exploring the do/while Loop . . . . . . . . . . . . . . HTML 775
Running Timed Commands . . . . . . . . . . . . . . . . . . HTML 734
Comparison and Logical Operators . . . . . . . . . . . . HTML 776
Working with Time-Delayed Commands . . . . . . HTML 734
Program Loops and Arrays . . . . . . . . . . . . . . . . . . HTML 777
Running Commands at Specified Intervals . . . . HTML 734
Array Methods to Loop Through Arrays . . . . . . HTML 780
Controlling How JavaScript Works with
Running a Function for Each Array Item . . . . . HTML 781
Numeric Values . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 736
Mapping an Array . . . . . . . . . . . . . . . . . . . . . . HTML 781
Handling Illegal Operations . . . . . . . . . . . . . . . HTML 736
Filtering an Array . . . . . . . . . . . . . . . . . . . . . . HTML 782
Defining a Number Format . . . . . . . . . . . . . . . HTML 737
Session 10.2 Quick Check . . . . . . . . . . . . . . . . . . . HTML 785
Converting Between Numbers and Text . . . . . HTML 737
Session 9.3 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 739 SESSION 10.3 . . . . . . . . . . . . . . . . . . . . . . . . . HTML 786
Review Assignments . . . . . . . . . . . . . . . . . . . . . . . HTML 744 Introducing Conditional Statements . . . . . . . . . . . HTML 788
Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 746 Exploring the if Statement . . . . . . . . . . . . . . . HTML 789
Tutorial 10 Exploring Arrays, Loops, and Conditional Nesting if Statements . . . . . . . . . . . . . . . . . . . HTML 791
Statements Exploring the if else Statement . . . . . . . . . . . . HTML 793
Creating a Monthly Calendar . . . . . . . . . . . . . . HTML 751
Using Multiple else if Statements . . . . . . . . . . HTML 794
SESSION 10.1 . . . . . . . . . . . . . . . . . . . . . . . . . HTML 752
Completing the Calendar App . . . . . . . . . . . . . . . . HTML 796
Introducing the Monthly Calendar . . . . . . . . . . . . HTML 754
Setting the First Day of the Month . . . . . . . . . HTML 797
Reviewing the Calendar Structure . . . . . . . . . . HTML 755
Placing the First Day of the Month . . . . . . . . . HTML 798
Adding the calendar() Function . . . . . . . . . . . . HTML 756
Writing the Calendar Days . . . . . . . . . . . . . . . . HTML 799
Introducing Arrays . . . . . . . . . . . . . . . . . . . . . . . . HTML 757
Highlighting the Current Date . . . . . . . . . . . . . HTML 801
Creating and Populating an Array . . . . . . . . . . HTML 758
Displaying Daily Events . . . . . . . . . . . . . . . . . . HTML 803
Working with Array Length . . . . . . . . . . . . . . . HTML 761
xvi New Perspectives Series
Managing Program Loops and Conditional Appendix C Cascading Styles and Selectors . . HTML C1
Statements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 806
Appendix D Making the Web
Exploring the break Command . . . . . . . . . . . . . HTML 806
More Accessible. . . . . . . . . . . . . . . . . . . . . . . . HTML D1
Exploring the continue Command . . . . . . . . . . HTML 806
Appendix E Designing for the Web. . . . . . . . . . HTML E1
Exploring Statement Labels . . . . . . . . . . . . . . HTML 807
Appendix F Page Validation with XHTML. . . . HTML F1
Session 10.3 Quick Check . . . . . . . . . . . . . . . . . . . HTML 809
GLOSSARY . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .REF 1
Review Assignments . . . . . . . . . . . . . . . . . . . . . . . HTML 815
Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 817 INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . REF 11
Appendix A Color Names with Color Values,

and HTML Character Entities . . . . . . . . . . . . . HTML A1
Appendix B HTML Elements and Attributes. . . HTML B1
TUTORIAL
1
O B J E C T I VES Getting Started
Session 1.1
• Explore the history of the web
• Create the structure of an
with HTML 5
HTML document Creating a Website for a Food Vendor
• Insert HTML elements and
attributes
• Insert metadata into a document
• Define a page title Case | Curbside Thai
Session 1.2 Sajja Adulet is the owner and master chef of Curbside Thai,
• Mark page structures with a restaurant owner and now food truck vendor in Charlotte,
sectioning elements North Carolina that specializes in Thai dishes. Sajja has hired
• Organize page content with you to develop the company’s website. The website will display
grouping elements information about Curbside Thai, including the truck’s daily
• Mark content with text-level locations, menu, catering opportunities, and contact information.
elements Sajja wants the pages to convey the message that customers will get
• Insert inline images the same great food and service whether they order in the restaurant
• Insert symbols based on
or from the food truck. Some of the materials for these pages have
character codes
already been completed by a former employee and Sajja needs you
Session 1.3 to finish the job by converting that work into a collection of web
• Mark content using lists page documents. To complete this task, you’ll learn how to write
• Create a navigation list and edit HTML 5 code and how to get your HTML files ready for
• Link to files within a website display on the World Wide Web.
with hypertext links
• Link to email addresses and
telephone numbers
STARTING DATA FILES
html01 tutorial review code1
ct_catering_txt.html mp_catering_txt.html code1-1_txt.html

ct_contact_txt.html mp_events_txt.html
ct_locations_txt.html mp_index_txt.html
ct_menu_txt.html mp_menu_txt.html + 5 files
ct_reviews._txt.html + 16 files
code2 code3 code4
code1-2_txt.html code1-3_txt.html + 7 files code1-4_txt.html + 2 files
case1 case2 demo
jtc_index_txt.html dr_faq_txt.html demo_characters.html

jtc_services_txt.html dr_index_txt.html demo_html.html
+ 6 files dr_info_txt.html + 9 files + 3 files
HTML 1
HTML 2 HTML 5 and CSS | Tutorial 1 Getting Started with HTML 5
Session 1.1 Visual Overview:

The document type
declaration is a processing The <html> tag
instruction indicating the marks the
markup language used in beginning of the
the document. HTML document.
The <head> tag marks

the document head
containing information An HTML comment is a
about the document. descriptive note added
to the HTML file.
The <meta> tag marks
metadata containing The <title> tag marks
information about the the page title that
document. appears on the browser
title bar or browser tab.
The <body> tag marks

the document body
containing all of the
content that will
appear in the page.
An opening tag marks

the start of the element
content; this tag marks
the start of page footer.
© Kzenon/Shutterstock.com;
A closing tag marks the © martiapunts/Shutterstock.com;
end of the element © Brian A Jackson/Shutterstock.com;
content; this tag marks the © sayhmog/Shutterstock.com;
end of the page footer. © rangizzz/Shutterstock.com
Tutorial 1 Getting Started with HTML 5 | HTML 5 and CSS HTML 3
The Structure of an HTML Document

Document as it appears
in the browser.
The exact layout of the

document elements is
determined by a style
sheet and not by the
document markup.
Kzenon/Shutterstock.com; © Courtesy Patrick Carey; martiapunts/Shutterstock.

com; Brian A Jackson/Shutterstock.com; A Studios/Shutterstock.com; rangizzz/
Shutterstock.com
Exploring the World Wide Web

It is no exaggeration to say that the World Wide Web has had as profound an effect on
human communication as the printing press. One key difference is that operation of the
printing press was limited to a few select tradesmen but on the web everyone can be a
publisher of a website. Before creating your first website, you’ll examine a short history
of the web because that history impacts the way you write code for your web pages.
You’ll start by exploring the basic terminology of computer networks.
Networks
A network is a structure in which information and services are shared among devices
known as nodes or hosts. A host can be any device that is capable of sending or
receiving data electronically. The most common hosts that you will work with are
desktop computers, laptops, tablets, mobile phones, and printers.
A host that provides information or a service to other devices on the network is
called a server. For example, a print server provides printing services; a file server
provides storage space for saving and retrieving files. The device receiving these
services is called a client. A common network design is the client-server network,
in which the clients access information provided by one or more servers.
Networks are classified based on the range of devices they cover. A network
confined to a small geographic area, such as within a building or department, is
referred to as a local area network or LAN. A network that covers a wider area, such as
several buildings or cities, is called a wide area network or WAN. Wide area networks
typically consist of two or more interconnected local area networks. The largest WAN
in existence is the Internet, which incorporates an almost uncountable number of
networks and hosts involving computers, mobile devices (such as phones, tablets, and
so forth), MP3 players, and gaming systems.
Locating Information on a Network

The biggest obstacle to effectively using the Internet is the network’s sheer scope and
size. Most of the early Internet tools required users to master a bewildering array of
terms, acronyms, and commands. Because network users had to be well versed in
computers and network technology, Internet use was largely limited to programmers
and computer specialists working for universities, large businesses, and the
government.
The solution to this problem was developed in 1989 by Timothy Berners-Lee and
other researchers at the CERN nuclear research facility near Geneva, Switzerland.
They needed an information system that would make it easy for their researchers to
locate and share data on the CERN network, and so developed a system of hypertext
documents. Hypertext is a method of organization in which data sources are
interconnected through a series of links or hyperlinks activated to jump from one data
source to another. Hypertext is ideally suited for the Internet because end users don’t
need to know where a service is located—they only need to know how to activate
the link. The effectiveness of this technique quickly spread beyond Geneva and was
adopted across the Internet. The totality of these interconnected hypertext documents
became known as the World Wide Web. The fact that the Internet and the World
Wide Web are synonymous in many users’ minds is a testament to the success of the
hypertext approach.
Web Pages and Web Servers

Documents on the web are stored on web servers in the form of web pages and
accessed through a software program called a web browser. The browser retrieves the
document from the web server and renders it in a form readable on a client device.
However, because there is a wide selection of client devices ranging from desktop
computers to mobile phones to screen readers that relay data aurally, each web page
must be written in code that is compatible with every device. How does the same
document work with so many different devices? To understand, you need to look at
how web pages are created.
Introducing HTML
A web page is a simple text file written in HTML (Hypertext Markup Language). You’ve
already read about hypertext, but what is a markup language? A markup language is
a language that describes the content and structure of a document by “marking up”
or tagging, different document elements. For example, this tutorial contains several
document elements such as the tutorial title, main headings, subheadings, paragraphs,
figures, figure captions, and so forth. Using a markup language, each of these elements
could be tagged as a distinct item within the “tutorial document.” Thus, a Hypertext
Markup Language is a language that supports tagging distinct document elements and
connecting documents through hypertext links.
The History of HTML

In the early years, no single organization defined the rules or syntax of HTML. Browser
developers were free to define and modify the language in different ways that, of
course, led to problems as different browsers supported different “flavors” of HTML
and a web page that was written based on one browser’s standard might appear totally
different when rendered by another browser. Ultimately, a group of web designers
and programmers called the World Wide Web Consortium, or the W3C, settled on
a set of standards or specifications for all browser manufacturers to follow. The W3C
has no enforcement power, but, because using a uniform language is in everyone’s
best interest, the W3C’s recommendations are usually followed, though not always
immediately. Each new version of HTML goes through years of discussion and testing
before it is formally adopted as the accepted standard. For more information on the
W3C and its services, see its website at www.w3.org.
By 1999, HTML had progressed to the fourth version of the language, HTML 4.01,
which provided support for multimedia, online commerce, and interactive scripts
running within the web page. However, there were still many incompatibilities in
how HTML was implemented across different browsers and how HTML code was
written by web developers. The W3C sought to take control of what had been a
haphazard process and enforce a stricter set of standards in a different version of
the language called XHTML (Extensible Hypertext Markup Language). By 2002, the
W3C had released the specifications for XHTML 1.1. But XHTML 1.1 was intended to
be only a minor upgrade on the way to XHTML 2.0, which would correct many of the
deficiencies found in HTML 4.01 and become the future language of the web. One
problem was that XHTML 2.0 would not be backward compatible with HTML and, as a
result, older websites could not be easily brought into the new standard.
Web designers rebelled at this development and, in response, the Web Hypertext
Application Technology Working Group (WHATWG) was formed in 2004 with the
mission to develop a rival version to XHTML 2.0, called HTML 5. Unlike XHTML 2.0,
HTML 5 would be compatible with earlier versions of HTML and would not apply the
same strict standards that XHTML demanded. For several years, it was unclear which
specification would win out; but by 2006, work on XHTML 2.0 had completely stalled
and the W3C issued a new charter for WHATWG to develop HTML 5 as the de facto
standard for the next generation of HTML. You can learn more about WHATWG and its
current projects at www.whatwg.org. The current version of HTML is HTML 5.2, which
achieved Recommendation status in 2017.
As HTML has evolved, features and code found in earlier versions of the language
are often deprecated, or phased out, and while deprecated features might not be part
You can find out which
browsers support the of HTML 5, that doesn’t mean that you won’t encounter them in your work—indeed, if
features of HTML 5 by you are maintaining older websites, you will often need to interpret code from earlier
going to the website versions of HTML. Moreover, there are still many older browsers and devices in active
caniuse.com. use that do not support HTML 5. Thus, a major challenge for website designers is
writing code that takes advantage of HTML 5 but is still accessible to older technology.
Figure 1–1 summarizes some of the different versions of HTML that have been
implemented over the years. You can read detailed specifications for these versions at
the W3C website.
Figure 1–1 HTML version history
Version Date Description

HTML 1.0 1989 The first public version of HTML
HTML 2.0 1995 HTML version that added interactive elements including web
forms
HTML 3.2 1997 HTML version that provided additional support for web
tables and expanded the options for interactive form
elements and a scripting language
HTML 4.01 1999 HTML version that added support for style sheets to
give web designers greater control over page layout and
appearance, and provided support for multimedia elements
such as audio and video
XHTML 1.0 2001 A reformulation of HTML 4.01 using the XML markup
language in order to provide enforceable standards for
HTML content and to allow HTML to interact with other XML
languages
XHTML 2.0 discontinued in 2009 The follow-up version to XHTML 1.1 designed to fix some of
the problems inherent in HTML 4.01 syntax
HTML 5.0 2012 HTML version providing support for mobile design, semantic
page elements, column layout, form validation, offline
storage, and enhanced multimedia
HTML 5.2 2017 The current version of HTML 5
This book focuses on HTML 5, but you will also review some of the specifications
for HTML 4.01 and XHTML 1.1. Deprecated features from older versions of HTML will
be noted as such in the text.
Tools for Working with HTML

Because HTML documents are simple text files, the first tool you will need is a text
editor. You can use a basic text editor such as Windows Notepad or TextEdit for the
Macintosh, but it is highly recommended that you use one of the many inexpensive
editors that provide built-in support for HTML. These editors include syntax checking
to weed out errors and automatic insertion of HTML code. Some of the more popular
HTML editors are Notepad++ (notepad-plus-plus.org), Eclipse (www.eclipse.org), and
CoffeeCup (www.coffeecup.com).
These enhanced editors are a good way to start learning HTML and they will be all
you need for most basic projects, but professional web developers working on large
websites will quickly gravitate toward using a web IDE (Integrated Development
Environment), which is a software package providing comprehensive coverage of all
phases of the development process from writing HTML code to creating scripts for
programs running on web servers. Some of the popular IDEs for web development
include Adobe Dreamweaver (www.adobe.com), Aptana Studio (www.aptana.com),
NetBeans IDE (netbeans.org), and Komodo IDE (komodoide.com). Web IDEs can be
very expensive, but most software companies will provide a free evaluation period for
you to test their product to see if it meets your needs.
Content Management Systems and Frameworks

You can also invest in a web content management system (wcms) which provides
authoring tools for website content and administration. Management systems provide
prepackaged templates so that users can get websites up and running with only a
minimal knowledge of HTML. Popular content management systems include WordPress
(www.wordpress.org), Joomla (www.joomla.org), and Drupal (www.drupal.org).
Content management systems are not without drawbacks. A wcms can be expensive
to maintain and put extra load on server resources. In addition, the templates and
authoring tools can be difficult to modify if they don’t exactly meet your needs.
A website usually involves the integration of many technologies and languages
beyond HTML, including databases for storing and retrieving data and programs
running on the web server for managing electronic commerce and communication.
Managing all those technologies is the job of a web framework that provides the
foundation of the design and deployment of web applications. Popular frameworks
include Ruby on Rails (rubyonrails.org), ASP.NET (www.asp.net), AngularJS (angularjs.org),
and Django (www.djangoproject.com).
Choosing among all these tools might seem intimidating to you. The bottom line is
that no matter what tools you use, the final code for the website is written in HTML. So,
even if that code is generated by a framework or content management system, you still
need to understand HTML to effectively manage your website. In this book, we’ll try to
keep things as simple as possible: just you, a text editor, and a web browser creating a
foundation for future study.
Testing your Code

Once you’ve written your code, you can test whether your HTML code employs proper
You can analyze syntax and structure by validating it at the W3C validation website (validator.w3.org).
each browser for its Validators, like the one available through the W3C website, are programs that test code
compatibility with to ensure that it contains no syntax errors. The W3C validator will highlight all of the
HTML 5 at the website syntax errors in your document with suggestions about how to fix those errors.
www.html5test.com.
Finally, you’ll need to test it to ensure that your content is rendered correctly.
You should test your code under a variety of screen resolutions, on several different
browsers and, if possible, on different versions of the same browser because users are
not always quick to upgrade their browsers. What may look good on a widescreen
monitor might look horrible on a mobile phone. At a minimum you should test your
website using the following popular browsers: Google Chrome, Internet Explorer, Apple
Safari, Mozilla Firefox, and Opera.
It is not always possible to load multiple versions of the same browser on
one computer, so, in order to test a website against multiple browser versions,
professional designers will upload their code to online testing services that report
on the website’s compatibility across a wide range of browsers, screen resolutions,
and devices, including both desktop and mobile devices. Among the popular
testing services are BrowserStack (www.browserstack.com), CrossBrowserTesting
(www.crossbrowsertesting.com), and Browsera (www.browsera.com). Most of these
sites charge a monthly connection fee with a limited number of testing minutes, so you
should not upload your code until you are past the initial stages of development.
Another random document with
no related content on Scribd:
Ernest. Et cela, c’était une perspective abominable.
C’est à ce moment que les Debousquet, le beau-frère et la sœur
d’Ernest, eurent l’idée de fiancer leur fille aînée. Fabienne fut
atterrée, quand elle reçut la nouvelle de cet heureux événement
familial. C’était, en perspective, trois jours à passer dans la Seine-
Inférieure. Et il était de toute nécessité de télégraphier à Ernest pour
qu’il eût à presser son retour.
En apprenant cette nouvelle, Robert fit son possible pour prendre
un air ennuyé qui ne parût pas hypocrite.
Il avait pensé tout de suite, comme par un déclic : « Je vais
pouvoir aller voir mes parents… »
Fabienne, l’instant d’après, lui disait :
— Hé bien ! vous êtes content, vous allez pouvoir aller voir vos
parents ?
— Peut-être… dit-il évasivement… peut-être… plutôt que de
rester seul ici…
A partir de ce moment, le visage de Fabienne prit une expression
de dureté inflexible. Elle ne paraissait pas positivement fâchée. Mais
c’est à peine si elle adressait la parole à Robert. Quand elle était
ainsi changée en statue, on eût dit que son âme gentille, gaie et
tendre, était partie pour jamais.
Puis, brusquement, sans prévenir, quand elle en avait assez
d’être partie, l’âme de Fabienne revenait. Alors, c’était la résurrection
de son regard et de son sourire.
— Le méchant, qui est content de me quitter…
— Tu es bête, dit-il en l’embrassant.
Une dépêche annonça le retour d’Ernest pour le lendemain soir.
Robert décida qu’avant son arrivée, et pour éviter (ce qu’il ne dit
pas à Fabienne) les bonnes poignées de main du retour, il prendrait
lui-même, vers la fin de l’après-midi, le train de Paris. C’était un
samedi. A Paris, il coucherait à l’hôtel, et arriverait au Vésinet le
dimanche dans la matinée. Les Nordement, depuis qu’ils avaient
acheté leur villa, restaient à la campagne jusqu’à la fin d’octobre.
« Même quand on rentre à la nuit, disait M. Nordement, c’est
agréable de respirer une bouffée d’air du jardin. » Et il se persuadait
que c’était vrai.
La plus jeune de ses filles, Jenny, dont le mari était encore au
Maroc pour affaires, habitait avec ses parents.
Fabienne, le jour du départ, n’avait cessé de pleurer, si bien
qu’elle n’avait plus une figure convenable pour conduire Robert à la
gare. Elle aurait tout juste le temps de se remettre pour le retour
d’Ernest. D’ailleurs, disait-elle, ça lui était bien égal qu’il s’aperçût
qu’elle avait pleuré !… Ce qui ne l’empêcha pas, après le départ de
Robert, et à la réflexion, de remédier du mieux qu’elle put au
désordre de son visage.
Elle avait serré le jeune homme dans des bras frénétiques, en
répétant comme une folle :
— Je ne te verrai plus ! Je ne te verrai plus !
Puis, le moment du départ arrivé, elle l’avait poussé brusquement
vers la porte :
— Va-t’en ! Va-t’en !
Robert n’avait jamais considéré ce départ comme définitif. Mais
elle lui avait tant répété qu’il ne reviendrait plus, qu’il en avait été
impressionné, et qu’il se demandait maintenant si quelque
événement tout-puissant et inattendu n’allait pas l’empêcher de
retourner à Caen.
C’était un bon, brave et faible garçon ; mais sa situation d’homme
aimé lui donnait une espèce de férocité quasi professionnelle. Il
écarta l’image de cette femme en pleurs, et ne pensa qu’à la joie de
son retour au milieu des siens. Et il avait une grande hâte de revoir
la figure heureuse de ses parents. De nouveau, dans le train, il
passa en revue de nombreux souvenirs familiaux, à qui il trouvait
chaque fois un charme plus prenant.
— Il faut vraiment, pensait-il, avoir été séparé de son père et de
sa mère, pour comprendre la valeur de ce trésor inestimable :
l’affection des siens.
Il n’eut en les retrouvant aucune déception, et sa joie passa son
espérance.
Il avait passé la nuit à l’hôtel, tout près de la gare Saint-Lazare.
Et, dès huit heures du matin, après une nuit où il s’était cru arrivé au
jour une dizaine de fois, il s’habilla à la hâte, et courut à la gare avec
sa valise. Le train, par lequel il devait arriver là-bas, partait à huit
heures de la gare. Ce train lui parut marcher plus lentement encore
si possible qu’il ne marchait réellement. Le parcours entre les deux
dernières stations fut interminable.
Son père l’attendait sur le quai. De sa portière, ouverte
longtemps à l’avance, il vit les yeux de M. Nordement qui le
cherchaient.
Le père et de fils ne tombèrent pas dans les bras l’un de l’autre
comme cela se fait dans les pièces de théâtre. Robert jeta au hasard
sur la barbe grise un baiser presque furtif. Et il sentit à son tour un
effleurement de poils sur sa joue.
Papa ne savait plus très bien ce qu’il faisait, et Robert dut le
repousser presque rudement pour détourner les mains tremblantes
qui lui prenaient sa valise des mains. M. Nordement avait tellement
perdu le contrôle de lui-même que Robert l’empêcha de héler une
voiture pour parcourir les quatre cents mètres qui séparaient la gare
de la villa.
L’embrassade de maman fut plus dramatique, plus consciente,
plus mouillée. Maman, avec son petit air un peu sec, ne négligeait
jamais une occasion de verser des larmes.
Elle l’écarta d’elle, pour le regarder…
— Je ne lui trouve pas bonne mine…
— A force de manger à droite et à gauche, et de la nourriture
d’hôtel, ça n’est pas ça qui lui donnera bonne mine, dit M.
Nordement, qui avait fait les départements pendant plusieurs années
de sa jeunesse, et gardait rancune à certains hôtels du Commerce,
qui d’ailleurs ne figuraient pas toujours parmi les plus coûteux de la
ville.
Jeanne, la sœur aînée, était déjà rentrée à Paris avec son mari,
M. Glass. « Mais tu peux être tranquille, dit papa, on les verra à
déjeuner. » Jenny, l’autre sœur, toujours un peu en retard le matin
(« tu la connais »), descendit de sa chambre, pour embrasser son
frère et émettre à son tour sur sa mine un avis défavorable.
Tous leurs petits ridicules n’échappaient pas au jeune homme.
Mais désormais il n’en éprouvait plus que de l’attendrissement… Il
entrait avec délices, sans le moindre frisson, dans ce bain
d’affection, ni trop chaud ni trop froid, préparé à la température de
son cœur.
Il avait déjeuné le matin à l’hôtel, mais moitié pour faire plaisir à
sa mère, moitié par gourmandise, il prit une grosse tasse d’un café
au lait de tradition, que personne ne faisait comme « à la maison ».
Il fallut ensuite aller serrer la main à Florentine, la cuisinière, à
Louise, la femme de chambre, et saluer d’un simple sourire l’autre
bonne, plus nouvelle.
Très discrètement, et pour éviter de lui poser, au moins tout de
suite, des questions, on l’avait conduit à sa chambre, bien qu’il en
sût le chemin. On lui avait mis aux fenêtres des rideaux tout propres,
et une carpette neuve au bas de son lit. Évidemment ces dépenses
ne faisaient pas une brèche colossale à la fortune des Nordement. Il
en fut cependant touché, car il connaissait bien son père et sa
mère…
Mais il n’était pas au bout de ses surprises. Il y avait sur la table
de nuit un porte-montre. Le verre d’eau, fêlé depuis douze ans, était
remplacé. Et il trouva dans le bas de l’armoire une paire de
pantoufles toutes pareilles, en neuf, à ses vieilles. Il y vit comme une
espèce de symbole de ses habitudes de toujours, qui
réapparaissaient rajeunies, avec un charme nouveau.
Ses parents l’avaient laissé seul. Mais, sa sœur Jenny, plus
curieuse, était venue le retrouver.
C’était une petite femme brune assez jolie, au nez investigateur.
— Te voilà, j’espère, revenu pour de bon ?
— Pourquoi dis-tu cela ? dit Robert… Je n’étais pas parti…
J’étais simplement en voyage…
— Allons donc ! dit Jenny. Nous avons tous eu l’impression que
c’était fini, que tu avais assez de ta famille, que tu ne voulais plus
nous revoir… Dis-moi, un peu pourquoi, mon garçon ? ajouta-t-elle
en hochant la tête… Alors tu te figures que papa et maman
t’auraient marié de force, et obligé à épouser cette jeune fille qui ne
te plaisait pas ? Tu sais pourtant comment sont papa et maman.
Avec ça que, dans la vie, nous n’avons pas toujours fait ce que nous
désirions ! Je ne sais pas si je te l’ai dit, mais quand il a été question
pour moi d’épouser Félix, papa et maman n’étaient pas chauds
chauds pour ce mariage. Ça n’empêche pas que j’ai fait ce que j’ai
voulu et que papa et maman aiment maintenant Félix comme leur
enfant… Sans compter que, tu sais, on était très inquiets à la
maison. Personne ne savait ce que tu étais devenu. On nous a
raconté qu’on t’avait vu à Dinard avec une grosse dame qui n’était
plus de la première jeunesse. On se demandait si elle t’avait
enlevé…
— Voilà comme on écrit l’histoire, dit Robert, qui se mit à rire en
pensant à Fatma Orega.
Puis il changea de conversation. Car la question de Jenny : « Te
voilà revenu pour tout de bon ? », il ne voulait pas encore qu’elle fût
posée. Il se disait seulement qu’il serait obligé de rester dans sa
famille tout de même un peu plus longtemps qu’il n’avait eu, et qu’il
écrirait à Fabienne pour lui dire qu’il prolongerait son séjour. Mais il
n’avait pas encore trouvé les prétextes valables qui justifieraient
cette prolongation.
— Tu ne peux pas savoir, dit-il à Jenny, la joie profonde que l’on
éprouve à se retrouver dans sa famille, quand on l’a quittée pendant
quelque temps…
— Tu vois bien, fit Jenny, que tu étais parti avec l’idée de ne plus
revenir ?
— Je ne dis pas cela, dit Robert, qui ne voulait toujours pas, en
effet, que ce fût dit, mais que ça ne gênait plus que ce fût supposé…
Je puis l’avouer à toi, ajouta-t-il après une hésitation, ce que je ne
dirais pas à papa et à maman. C’est que j’avais l’intention, non pas
de les quitter, bien sûr, mais de fuir leur tutelle… C’est d’ailleurs une
intention… que je n’ai pas abandonnée…
— Allons ! allons ! fit Jenny, tu dis ça… Mais j’espère bien que tu
n’y penses plus…
— … Enfin, dit Robert, il n’est pas question de ça pour le
moment… Ce que je voudrais te dire, en amenant la conversation là-
dessus, c’est que le fait d’être parti m’a fait apprécier plus que
jamais le charme précieux de la famille…
— Allons ! tant mieux, dit Jenny, qui, ne cherchait pas midi à
quatorze heures, et ne tenait pas à être une personne compliquée.
Robert connaissait la qualité d’esprit de sa sœur et savait qu’elle
n’était pas pour lui la confidente rêvée. Mais il avait besoin de se
confier à quelqu’un et d’élucider ses idées en les exprimant tout
haut. Il n’était donc pas nécessaire que Jenny le comprît
absolument. D’ailleurs cette incompréhension même servait sa
thèse. Elle prouvait que sa sœur n’était pas en état d’apprécier cette
famille qu’elle n’avait jamais quittée.
— Ainsi, Jenny, tu ne sais pas ce que c’est que papa…
— Ah, il est magnifique, voilà maintenant qu’il découvre papa !
— Ne ris pas. Je t’assure que je comprends mieux papa qu’avant
d’être parti.
— Moi, dit Jenny, j’ai toujours eu pour mes parents les sentiments
qu’il faut avoir…
— Justement, Jenny, les sentiments, qu’il faut avoir…, c’est-à-
dire des sentiments de consigne, d’habitude, qui n’ont, crois-le bien,
aucun rapport avec l’amour filial ardent et spontané…
— Oh ! je ne te suis plus, fit Jenny.
— Je le sais, que tu ne me suis plus. Quand tu as quitté nos
parents pour habiter avec ton mari, à vrai dire, tu ne te séparais pas
d’eux. Tu n’as cessé de les voir à peu près tous les jours… Je
m’entends : il t’est arrivé parfois d’aller en voyage, et de rester
absente quelques semaines comme moi, cette fois-ci… Mais moi,
j’avais l’impression que cette séparation durerait très longtemps… et
que je resterais peut-être des années sans revenir à la maison…
Alors j’ai pensé à mes parents comme tu n’y as jamais pensé,
comme moi non plus je n’y avais pas pensé auparavant. Alors j’ai
senti que je les aimais véritablement, profondément, éternellement,
et que ce n’était plus là une question de consigne et d’habitude, que
je ne les aimais plus en vertu d’un commandement de la Bible. Ma
petite Jenny, quand je suis entré tout à l’heure dans la salle à
manger, quand j’ai vu ces vieux meubles autour desquels nous
avons été élevés…
— C’est vrai, dit la précise Jenny. Ce sont, en effet, les meubles
de notre enfance. Papa et maman les ont mis ici quand ils ont
acheté la villa et qu’ils ont meublé à neuf leur appartement de Paris.
— Le buffet de la salle à manger, Jenny ! Tu ne sais pas ce que
c’est que le buffet de notre salle à manger ! J’aurais voulu me mettre
à genoux et l’embrasser…
— Le buffet ? dit Jenny. Quel type ! Voilà maintenant qu’il veut
embrasser le buffet !
— Et ce tableau, Jenny, qui est près de la cheminée. A Paris, il
était dans la chambre de notre mère… Ce tableau qui représente un
moulin à vent… Je le trouvais si joli quand j’étais petit, et si laid plus
tard… Maintenant, je t’assure qu’il est délicieux ! Il me semble que
j’ai été élevé près de ce moulin !
— C’est de l’imagination, dit Jenny.
— Je me suis assis un instant sur une de nos vieilles chaises
cannées. Je n’ai jamais été assis si à mon aise. Comprends-tu
cela ?
— Non, fit nettement Jenny.
— Ah ! je te plains vraiment, ma pauvre Jenny. Je te plains de ne
pas sentir toute l’affection qu’il y a dans les yeux de nos parents,
toute l’amitié qui s’exhale des meubles, des murs… Les fenêtres !…
Les fenêtres sont comme des visages qu’on ne voudrait plus jamais
quitter…
— Je te suis plus ou moins, dit Jenny, qui ne voulait plus faire
preuve d’incompréhension complète. Mais je t’assure bien que je
n’ai pas besoin d’éprouver ces sensations… poétiques… pour rester
auprès de mes parents, en me disant que je ne cesserai de les voir
que le jour où la mort nous séparera…
— Comment se porte papa ? demanda Robert avec un peu
d’inquiétude.
— Il est bien, dit Jenny. Il n’a pas eu la moindre crise cet été.
Tiens, justement, l’autre jour, j’ai rencontré dans le train le docteur
Paulon. Il déclare que papa peut très bien se remettre tout à fait.
Ils descendirent tous deux. Papa se promenait autour de la
pelouse, pour se conformer à l’affirmation de toute la famille, qui ne
cessait de répéter qu’il adorait se promener dans le jardin. Robert
prit le bras de M. Nordement, et, tous deux, comme un bon père et
un bon fils, marchèrent ensemble pendant une demi-heure sans se
dire un mot.
Mais à quoi bon se parler ? pensait Robert. On sait si bien qu’on
est d’accord. On est d’accord de naissance…
— Si tu n’es pas fatigué, dit papa, on ira ensemble à la gare pour
attendre ta sœur Jeanne ?
— Bonne idée, dit Robert.
Ces deux petites phrases échangées leur permettaient de
repartir pour un nouveau silence d’une demi-heure…
Robert avait songé à poser cette question à M. Nordement :
« Es-tu content des affaires ? » Seulement, il se dit que son père, à
son tour, lui demanderait : « Qu’as-tu fait pendant ce voyage ? » Et il
préférait laisser ce sujet-là tranquille…
A la gare, ils reçurent la famille Glass. Jeanne Glass était l’aînée
des trois enfants Nordement. C’était une femme grande,
délibérément pleine de décision, et douée d’admirables facultés
d’organisatrice, qu’elle appliquait à la vie la plus insignifiante qui fût.
Elle prenait des airs de général d’armée pour fixer la date d’un repas
de famille et faisait preuve d’une clairvoyance étonnante pour
pénétrer les intentions et les arrière-pensées les plus secrètes d’une
humble ouvrière en journée.
Glass, mari de la précédente, était antiquaire. Il avait repris la
maison fondée par David Glass, son père. La grande question,
maintes fois agitée dans le cercle de ses connaissances, était de
savoir s’il était aussi fort que le fondateur. Naturellement, les vieilles
générations tenaient pour le père Glass. D’ailleurs, aucun des
arbitres n’avait la moindre compétence pour se prononcer. Mais
ceux qui avaient connu David Glass avaient été impressionnés par
ses manières tranchantes et méprisantes, tandis que l’air poli et froid
du fils, avec sa lèvre rasée et ses cheveux blancs précoces,
formaient un ensemble qui en imposait beaucoup à ses
contemporains.
Mme Nordement avait toujours dans un coin un petit objet d’art,
acheté dans le courant de la semaine, et qu’elle montrait timidement
à son gendre…
— Qu’est-ce que vous avez payé ça, maman ?
— Deux cent cinquante…
— C’est à peu près ce que ça vaut. Vous n’avez pas été volée.
— Bien, bien, disait Mme Nordement sans laisser voir son dépit
de n’avoir pas fait l’affaire miraculeuse…
Robert revenait de la gare en tenant par la main son petit neveu
Gaston Glass, qu’il n’avait jamais trouvé si charmant. Et il pensait à
toutes les erreurs de jugement qu’il avait commises au détriment des
siens.
Pourquoi, jadis, en avait-il tant voulu à sa sœur Jeanne de
mépriser, d’ignorer plutôt ses préoccupations d’étudiant ? Pourquoi
avait-il été rebuté par ses conversations avec son beau-frère, qui
n’avait pas comme lui l’admiration des efforts des artistes nouveaux
et ne se passionnait pas pour les tentatives généreuses,
désintéressées, auxquelles lui-même et Francis Picard avaient si
religieusement applaudi ?
A chacun sa spécialité. Il ne faut pas exiger de chaque musicien
qu’il soit un orchestre complet, mais le féliciter quand il tient bien sa
place. L’élite, l’avant-garde, qui, par saccades brusques, essaie
constamment de tirer le monde en avant, l’élite a son rôle
nécessaire. Mais il ne faut pas demander à tout le genre humain
d’être une immense avant-garde impatiente.
Quand ils discutaient, son beau-frère et lui, ils avaient raison tous
les deux, chacun à la place où il se trouvait. Lui, Robert, suivait son
ardente curiosité de jeune homme. Et il faisait bien. Mais pouvait-on
blâmer M. Glass, le considérable antiquaire du faubourg Saint-
Honoré, de ne pas bousculer la foule lente de la clientèle, et, pour
résister aux poussées en avant de son beau-frère, de faire frein de
tout le poids de ses intérêts conservateurs ?
Robert ne cessait maintenant de se répéter : « Pour être heureux
avec les êtres, il ne faut leur demander que ce qu’ils peuvent
donner. »
Son petit neveu, dont il tenait la petite main dans le sienne, son
petit neveu avait six ans. Allait-il lui parler de métaphysique ou de
mathématiques supérieures ? Il fallait le regarder avec amour, en se
disant : il est tout petit, et comme il a bien la gaîté, la turbulence, la
naïveté exquise de son âge !
Pour goûter pleinement son bonheur, qu’il ne cessait de boire à
petits traits, et n’être pas tourmenté par l’idée d’avoir à écrire à
Fabienne une lettre difficile, il décida de s’acquitter rapidement de
cette tâche avant le déjeuner, et de porter tout de suite sa lettre à la
poste, afin qu’il n’y eût plus à y revenir.
Avant leur séparation, ils avaient décidé qu’à défaut de moyens
pratiques de s’écrire secrètement, il enverrait au couple Gaudron
des lettres qui ne seraient en réalité que pour la jeune femme. Elle
n’aurait qu’à faire mentalement les substitutions d’usage, à
remplacer « mes chers amis » par « ma chérie », le mot
« affectueusement » par « tendrement » et « mille amitiés » par cent
fois autant de baisers frénétiques. Ce code était des plus simples, et,
il n’y avait pas besoin de beaucoup de conventions préalables pour
l’appliquer.
Il écrivit donc :
« Chers amis, je pense que vous êtes en bonne santé, et

que votre voyage s’est bien passé. Moi, je suis arrivé dans ma
famille sans encombre. Malheureusement, je suis tombé en
pleines affaires de succession. Il y a des rendez-vous de pris
chez des notaires toute la semaine prochaine, des signatures à
donner…
(Il ne mentait pas complètement. Ses sœurs et lui avaient, en

effet, six mois auparavant, hérité d’un grand oncle. Mais c’était une
succession sans importance, et qui allait se régler sans la moindre
formalité).
La lettre continuait ainsi, pour amortir un peu le coup :
« Je vais demander s’il n’y aurait pas moyen, pour une partie
tout au moins de ces actes notariés, de faire établir des
procurations. Mais je crains que pour certains d’entre eux ma
présence soit nécessaire. Je serai fixé demain, — après-demain
au plus tard, et je vous écrirai aussitôt.
« Mes souvenirs affectueux.
« Robert Nordement. »
Sa lettre expédiée, Robert déjeuna avec toute la famille. Après le

déjeuner, on fit le bridge. Il était venu d’autres parents, dont Lambert
Faussemagne, qui donna à Robert une poignée de main d’entente.
Robert, qui n’était pas un fanatique du bridge, trouva cette partie
de famille d’un agrément tranquille et doux.
Il s’amusa même des plaisanteries rituelles. « Ici les Athéniens
s’atteignirent »,
« Encore un carreau qui ne doit rien à personne »,
« Il n’y aurait plus de pain à la maison… »
Toutes ces facéties usées, qui l’exaspéraient jadis, lui
paraissaient maintenant les manifestations touchantes d’une humble
allégresse. Ces gens n’avaient pas la prétention d’inventer des mots
d’esprit. Ils cédaient simplement à la tentation innocente de se tailler
de petits succès avec de bons lazzi, qui avaient fait souvent leurs
preuves.
Après le bridge, il fit un tour de jardin avec le bon Lambert
Faussemagne, qui était un artisan de ce retour au foyer familial, et
avait bien le droit de savoir « comment ça s’était passé ».
— Eh bien ! tu es content d’être revenu ?
— Ah ! fit Robert extasié…
Et il exprima une satisfaction qui dépassa les espérances, et
même l’entendement du brave cousin. De nouveau, ce fut la louange
ravie de tous les êtres de la famille et de tous les meubles de la
maison. Toutes les plates-bandes aussi, les recoins de verdure, et
les petits sentiers de cailloux prirent part à la distribution.
Après le dîner, Jenny se mit au piano. Elle n’avait jamais passé,
même parmi les siens, pour une virtuose hors ligne. Robert, qui
n’était pas musicien et qui n’écoutait que les pianistes d’une
réputation pour le moins mondiale, avait pris jadis l’habitude de fuir
ces séances musicales. Cette fois, ce fut pour lui une heure de
béatitude, qui surprit tout le monde et fatigua même l’exécutante.
D’ailleurs, il n’écoutait pas le piano, mais il savourait son
bonheur. Il se disait : Comme ces gens sont heureux, mais comme
ils savent mal apprécier la fête de leur vie ! Il aurait voulu leur dire,
comme cet amphitryon à ses convives trop distraits : « Mais c’est du
clos-vougeot de la meilleure récolte ! Pensez donc un peu à ce que
vous buvez ! » Personne, comme lui, dans ce salon paisible, n’était
capable de déguster ce vin merveilleux…
Tout le monde conduisit les Glass à la gare. Robert allait le long
de la colonne, prenant successivement le bras de son père, de sa
mère, de ses sœurs et de son beau-frère. Avant le dîner, il s’était
montré un peu plus réservé dans ses manifestations extérieures.
Mais maintenant, un peu échauffé, il ne se tenait plus. Et les siens, il
faut le dire, le regardaient d’an air un peu inquiet.
On rentra enfin se coucher. Il aurait voulu que sa mère vînt le
border dans son lit. Mais il n’osa pas le lui demander. Il s’endormit
délicieusement après cette journée magnifique, pareille à tant de
journées de sa jeunesse, dont il n’avait pas su voir la splendeur.
XIII
Le retour d’Ernest Gaudron n’avait pas gêné Fabienne. Peut-

être, en toute autre circonstance, aurait-elle eu un moment de
trouble. Mais elle n’avait dans la tête que l’idée du départ de Robert.
Une femme vraiment amoureuse ne pense qu’à un être à la fois.
Quand on est capable de partager son cœur, c’est qu’il n’est
vraiment à personne.
Ernest avait été très déçu de ne pas trouver Robert à la maison.
Il avait à lui raconter mille histoires de baccara, qui n’intéressaient
pas sa femme.
Et puis, dans ce pays, où il était allé soi-disant pour affaires, le
hasard avait voulu qu’il amorçât véritablement une affaire de la plus
grande importance. Il s’agissait d’une vaste entreprise de transports
automobiles de fourrages. La situation était critique. Des éleveurs
voyaient leurs bêtes crever de faim par suite de la crise des chemins
de fer. D’autre part, à certains endroits, des fourrages pourrissaient
sur place. Or, il y avait moyen de se procurer des camions
automobiles à des prix avantageux, dans une usine qui avait été un
peu fort dans sa production et qui baissait maintenant ses tarifs
d’une façon considérable.
Il se proposait de parler de l’affaire à son beau-frère Debousquet.
Mais il aurait voulu surtout en toucher deux mots à Robert, qui lui
avait dit, à différentes reprises, que des gens de sa famille
marcheraient dans une affaire bien présentée.
A la vérité, il n’avait pas besoin de concours financiers
supplémentaires. Il lui était simplement agréable de voir Robert, et la
nécessité où se trouvait cet homme dissipé de passer pour un
personnage sérieux l’avait habitué à justifier constamment son plaisir
par des raisons d’intérêt commercial supérieur.
— En tout cas, dit-il à Fabienne, nous ne moisirons pas chez les
Debousquet. Le dîner de fiançailles aura lieu demain dimanche. On
passera le lundi avec eux s’il n’y a pas moyen de faire autrement.
Mardi matin, la fuite en douceur, et le retour à Caen.
Fabienne ne demandait, elle aussi, qu’à abréger ces fêtes de
famille. Après le départ de Robert, elle avait été un peu calmée, une
fois qu’elle avait cessé d’être tourmentée par le besoin impérieux de
tout faire pour le retenir. Son destin était entre les mains de la
Providence, et c’était comme un soulagement pour elle de n’avoir
plus à s’en occuper elle-même.
Au fond, elle comptait bien qu’il reviendrait, et si, par moments,
elle mettait les choses au pis, c’était pour ne pas défier le sort.
Robert lui avait caché le véritable attrait que le foyer paternel
exerçait sur lui. Elle ne se doutait pas des fascinations puissantes
que le jeune homme avait retrouvées là-bas. Elle les imaginait
d’autant moins qu’elle-même n’avait éprouvé qu’un plaisir bien
calme à rejoindre chez les Debousquet des personnes de sa famille,
son frère et sa belle-sœur, qui venaient du Midi. L’espèce
d’enchantement que Robert éprouvait parmi les siens eût fait un
rude contraste avec la détresse, d’ailleurs aussi exagérée, de
Fabienne au contact de la famille Debousquet. Aucune broderie
d’imagination n’embellissait pour elle la médiocrité de cet entourage.
M. Gaudron se trouva bien d’accord avec elle, quand il lui dit à la
dérobée, tandis qu’il désignait leur famille : « Ah ! si l’ami Robert était
là ! »
Ernest au moins se distrayait un peu en parlant élevage, et en
entretenant Debousquet de son affaire de transports.
Il dit encore à Fabienne :
— J’ai rendez-vous demain lundi avec deux types des environs
qui marcheront peut-être avec nous. J’irai les voir avec Debousquet.
Mais mardi matin, à la première heure…
Et il fit le geste expressif de frapper la paume de sa main gauche
avec le dos de sa main droite.
— La famille Debousquet, elle nous a vus pour un moment
maintenant.
Mais, le lendemain après midi, arriva la lettre de Robert, où il
parlait de la prolongation probable de son séjour au Vésinet.
Ernest, au moment où le facteur passa, était parti en auto pour
voir les gens des environs. Ce fut donc Fabienne qui décacheta
l’enveloppe. Elle était à ce moment assise dans le parc avec sa
belle-sœur et sa nièce. Elle eut besoin d’un grand effort pour
dominer son émotion. Elle monta dans sa chambre, où elle fut prise
d’une sorte de tremblement nerveux, qui fut suivi d’une violente crise
de larmes.
Ernest heureusement ne rentra pas tout de suite. Elle eut le
temps de se remettre avant la fin de l’après-midi.
Quand il revint en auto, elle fut capable de lui tendre la lettre d’un
air indifférent, un peu trop indifférent même. Mais il ne remarqua pas
cette nuance, tout en entier à un dépit, que lui au moins n’était pas
obligé de dissimuler.
— Il est embêtant ! dit-il. Il est embêtant ! Qu’est-ce qu’il fiche là-
bas avec ses histoires de famille ? Et puis, j’avais besoin de le voir le
plus tôt possible pour cette affaire dont la conclusion ne doit pas
souffrir de retard. Il est embêtant, ce garçon-là !
Il fut de mauvaise humeur pendant tout le dîner. Mais son visage,
vers la fin du repas, s’éclaira. D’un coin de table à l’autre, il fit à sa
femme un signe d’intelligence, auquel elle ne comprit rien.
Quand on se leva de table, il s’approcha d’elle.
— Il vous a laissé son adresse au Vésinet ?
Elle la savait par cœur…
— Oui, dit-elle, je crois que je dois l’avoir dans mon sac là-haut…
— Demain matin, dit Ernest, on lui enverra un télégramme pour
qu’il vienne nous retrouver au Majestic, à Paris.
— … A Paris ?
— Oui. Au lieu de partir pour Caen, nous irons à Paris demain.
Vous comprenez, il est absolument nécessaire que je lui parle sans
retard. Je vous répète : l’affaire prend une tournure sérieuse. Je me
suis assuré cet après-midi des concours importants. Il m’a toujours
dit que, pour une entreprise solide, il trouverait des capitaux dans
son entourage. Je n’en ai pas besoin, c’est entendu. Mais si je fais
une bonne affaire, je tiens à ce qu’il en soit… Alors, dites ? C’est
décidé ? On part demain. Mais il faudra se lever à cinq heures. Ce
n’est pas au-dessus de vos forces. Et vous n’êtes pas femme à
refuser un voyage à Paris ?
Elle ne répondait rien. Au bout d’un instant :
— Je ne sais pas trop, dit-elle, si je vous accompagnerai…
— Comment ?
— Je verrai cela, j’irai toujours avec vous jusqu’à Rouen. De là, le
train pourra me ramener chez nous.
— Ce sera comme vous voudrez, ma chère. Mais ça serait bien
plus gentil de venir.
Il était bien évident qu’elle viendrait à Paris. Et ce n’était pas
d’ailleurs à cause d’Ernest, et pour le dérouter, qu’elle faisait des
manières. C’était plutôt pour un Robert qui n’était pas là.
Aller à Paris, c’était avoir l’air de lui courir après…
… Non, tout de même, puisque l’idée venait d’Ernest. Mais
n’allait-il pas croire que c’était Fabienne qui avait mis cette idée dans
la tête de Gaudron ?…
Oui, il le croirait certainement…
A quoi bon toutes ces histoires ? Elle irait à Paris. Comme aurait
dit Ernest, c’était « couru » de toute éternité.
XIV
La matinée du lundi, l’exaltation de Robert ne tomba pas, loin de

là. Mais ces quelques heures lui parurent un peu longues. Une
extase sans fin, devant le buffet de la salle à manger, ne lui prit que
cinq minutes en tout.
M. Nordement était allé au bureau. Robert déjeuna avec maman
et Jenny, et sourit sans relâche à leurs propos qu’il croyait écouter. Il
avait mal dans la nuque à force de hocher la tête et de remplacer
l’attention par l’approbation.
Il se rendit à la gare bien avant l’heure du train, pour attendre son
père.
Une fois M. Nordement rendu à la vie de famille, les heures
n’accélérèrent pas leur allure.
Papa, une fois échangés ses vêtements de ville contre une tenue
de villégiature, descendit dans le jardin. Il eut un regard de
satisfaction en contemplant son fils qui se promenait le long de
l’allée d’entrée, et qui se répétait au plus profond de lui-même :
— Comment vais-je faire pour leur dire qu’il faut absolument que
je reparte demain ?
… Tendre, blonde, exquise Fabienne, que l’on aimait tout
naturellement, sans commentaires, qui vous découvrait chaque jour
un charme nouveau, sans diminuer la puissance de ce qui vous
séduisait déjà en elle !
Certes, il n’oubliait pas des instants de lassitude… bien courts…
bien passagers… Le charme immortel de Fabienne ressuscitait à
chaque instant !
… Certes, il venait de goûter auprès de sa famille des joies
ineffables. C’était très bien. Il en avait sa provision pour un bon
semestre…
— Eh bien ! demanda papa, tu as passé une bonne journée ?
— Exquise, papa !
Il embrassa son père, avec un rien d’exagération et de chiqué…
Et il ajouta avec un soupir, tout à fait artificiel celui-là :
— Quel dommage que ce soit si court !
— Si court ? dit papa.
— Eh bien ! oui… Il va falloir que je me remette à travailler…
— A travailler ?
Venant de son fils, aucune parole ne pouvait étonner davantage
ce vieux travailleur.
— Papa, dit Robert, il s’agit d’une affaire importante… et qui te
fera plaisir. J’aurais voulu ne t’en parler que lorsqu’elle aurait été
définitivement conclue. C’est pour cela que j’ai différé mon retour
auprès de vous. Mais, comme j’avais hâte de vous revoir, je suis
venu sans attendre la conclusion définitive…
— Tu m’intrigues, dit M. Nordement. Tu veux en parler à ta mère
aussi ?
— Tu penses ! dit Robert, qui commençait à savoir à peu près ce
qu’il allait leur dire, mais qui n’était pas fâché d’attendre encore une
ou deux minutes pour avoir le temps de mettre l’affaire sur pied…
Quand Mme Nordement fut descendue, il leur raconta qu’il avait
désormais à Caen une situation de grand avenir, un emploi pour le
moment rétribué par un fixe — un joli fixe — et qui pouvait devenir à
brève échéance une situation d’intéressé, voire d’associé…
— Et en quoi consiste cette affaire ? demanda M. Nordement, à
qui sa prudence naturelle donnait un peu d’inquiétude.
— Je suis chez un marchand de chevaux.
— Un marchand de chevaux, dit papa…
— Un marchand de chevaux, dit maman…
Ils se regardèrent. Ils avaient eu des grands-pères et des grands-
oncles marchands de chevaux. Cette profession, si honorable fût-
elle, manquait un peu pour eux de prestige.
— C’est, dit Robert, une des plus grosses maisons de
Normandie. Même aux moments les plus difficiles, ils ont toujours eu
leurs écuries bien garnies. Ils ont la clientèle de plusieurs grandes
compagnies. Et si vous voyiez leur grenier à fourrages !
— Mais, dit M. Nordement, avec le développement de l’auto ?…
— Tu penses bien, papa, qu’ils y ont pensé, et qu’ils sont parés
de ce côté-là. Et, d’ailleurs, on aura besoin de chevaux pendant de
longues années encore.
Il resservait heureusement des phrases qu’il avait entendu dire à
Ernest.
Il ajouta :
— Je sais qu’ils étudient des affaires de transport automobile.
Cela, c’était une invention, qui se trouvait concorder par hasard
avec la vérité.
— Tout de même, dit M. Nordement, il faudrait que je voie ça d’un
peu près.
— Ce ne serait pas inutile, renchérit Mme Nordement, d’avoir là-
dessus les conseils de papa.
— As-tu seulement pris des renseignements sur ces gens ? dit M.
Nordement.
— De tout premier ordre, dit Robert. D’ailleurs, je n’ai qu’à te
donner leur nom, et tu pourras t’informer de ce qu’ils valent…
Seulement, ce qu’il y a d’ennuyeux, c’est que ça se sait toujours un
peu quand on va aux renseignements… Et ils ne seraient pas
contents s’ils savaient que j’ai demandé une fiche sur eux…

Full Download Ebook Ebook PDF New Perspectives On HTML 5 and Css Comprehensive 8th Edition PDF

Uploaded by

Copyright:

Available Formats

Full Download Ebook Ebook PDF New Perspectives On HTML 5 and Css Comprehensive 8th Edition PDF

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Full Download Ebook Ebook PDF New Perspectives On HTML 5 and Css Comprehensive 8th Edition PDF

Uploaded by

Copyright:

Available Formats

(eBook PDF) New Perspectives on

HTML 5 and CSS: Comprehensive 8th

Level III Tutorials

Writing the Page Body . . . . . . . . . . . . . . . . . . . . . . HTML 24

Web Pages and Web Servers . . . . . . . . . . . . . . . . HTML 4 Character Encoding . . . . . . . . . . . . . . . . . . . . . . HTML 33

Introducing HTML . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 5 Character Entity References . . . . . . . . . . . . . . . HTML 34

The History of HTML . . . . . . . . . . . . . . . . . . . . . HTML 5 Working with Inline Images . . . . . . . . . . . . . . . . . . HTML 36

Linking to an id . . . . . . . . . . . . . . . . . . . . . . . . . HTML 63 HSL Color Values . . . . . . . . . . . . . . . . . . . . . . HTML 101

Linking to a Web Resource . . . . . . . . . . . . . . . . HTML 64 Employing Progressive Enhancement . . . . . . . . . . HTML 106

Linking to a Phone Number . . . . . . . . . . . . . . . . HTML 67

Writing Style Comments . . . . . . . . . . . . . . . . . . HTML 96

Working with Margins and Padding . . . . . . . . . . . HTML 143

HTML LEVEL II TUTORIALS Using the span Keyword . . . . . . . . . . . . . . . . . HTML 226

Placing Grid Items by Area . . . . . . . . . . . . . . . HTML 228

Clipping an Element . . . . . . . . . . . . . . . . . . . . . . . HTML 257 Creating a Radial Gradient . . . . . . . . . . . . . . . HTML 316

Stacking Elements . . . . . . . . . . . . . . . . . . . . . . . . HTML 258 Repeating a Gradient . . . . . . . . . . . . . . . . . . . . HTML 320

Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 269

Understanding Perspective . . . . . . . . . . . . . . . HTML 333

The background Property . . . . . . . . . . . . . . . . HTML 286

SESSION 5.2�������������������������������������������������������HTML 392 Session 5.3 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 437

Introducing Flexible Boxes . . . . . . . . . . . . . . . . . . HTML 394 Review Assignments . . . . . . . . . . . . . . . . . . . . . . . HTML 443

Defining a Flexible Box . . . . . . . . . . . . . . . . . . HTML 394 Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 446

Cross-Browser Flexboxes . . . . . . . . . . . . . . . . . HTML 395

Exploring CSS Styles and Web Tables . . . . . . . . . HTML 485

Tutorial 7 Designing a Web Form Creating a Range Slider . . . . . . . . . . . . . . . . . . HTML 566

SESSION 8.2�������������������������������������������������������HTML 618 The Development of JavaScript . . . . . . . . . . . . HTML 685

SESSION 8.3 �����������������������������������������������������HTML 640 SESSION 9.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 698

Introducing Transitions . . . . . . . . . . . . . . . . . . HTML 642 Object References . . . . . . . . . . . . . . . . . . . . . . HTML 701

The @keyframes Rule . . . . . . . . . . . . . . . . . . . HTML 652 Applying a Method . . . . . . . . . . . . . . . . . . . . . HTML 704

Applying an Animation . . . . . . . . . . . . . . . . . . . HTML 655 Writing HTML Code . . . . . . . . . . . . . . . . . . . . . . . HTML 705

Controlling an Animation . . . . . . . . . . . . . . . . . HTML 658 Working with Variables . . . . . . . . . . . . . . . . . . . . HTML 709

Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 676 Using a Variable . . . . . . . . . . . . . . . . . . . . . . . HTML 711

SESSION 9.3 �������������������������������������������������������HTML 718 Reversing an Array . . . . . . . . . . . . . . . . . . . . . HTML 763

Using Math Methods . . . . . . . . . . . . . . . . . . . . HTML 723

Case Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 817 INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . REF 11

Appendix A Color Names with Color Values,

Appendix B HTML Elements and Attributes. . . HTML B1

STARTING DATA FILES

html01 tutorial review code1

ct_catering_txt.html mp_catering_txt.html code1-1_txt.html

code2 code3 code4

code1-2_txt.html code1-3_txt.html + 7 files code1-4_txt.html + 2 files

case1 case2 demo

jtc_index_txt.html dr_faq_txt.html demo_characters.html

Session 1.1 Visual Overview:

The <head> tag marks

The <body> tag marks

An opening tag marks

The Structure of an HTML Document

The exact layout of the

Kzenon/Shutterstock.com; © Courtesy Patrick Carey; martiapunts/Shutterstock.

Exploring the World Wide Web

Locating Information on a Network

Web Pages and Web Servers

The History of HTML

Figure 1–1 HTML version history

Version Date Description

Tools for Working with HTML

SESSION 5.2��HTML 392 Session 5.3 Quick Check . . . . . . . . . . . . . . . . . . . . HTML 437

SESSION 8.2��HTML 618 The Development of JavaScript . . . . . . . . . . . . HTML 685

SESSION 8.3 ��HTML 640 SESSION 9.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 698

SESSION 9.3 ��HTML 718 Reversing an Array . . . . . . . . . . . . . . . . . . . . . HTML 763