Home > Store

Spring Into HTML and CSS

Register your product to gain access to bonus material or receive a coupon.

Spring Into HTML and CSS

Book

  • Sorry, this book is no longer in print.
Not for Sale

About

Features

Quickly master the complexities of writing HTML pages and styling them with CSS.

° From best-selling author Molly Holzschlag, one of the Top 25 Most Influential Women on the Web!

° Composed exclusively of single-page and facing-page tutorials, this book provides an intelligent yet simple solution to getting up and running quickly with HTML and CSS

° Hundreds of example programs, "Quantum Leaps," and downloadable HTML/CSS templates make this the complete package.

Description

  • Copyright 2005
  • Dimensions: 7" x 9-1/4"
  • Pages: 336
  • Edition: 1st
  • Book
  • ISBN-10: 0-13-185586-7
  • ISBN-13: 978-0-13-185586-1

The fastest route to true HTML/CSS mastery!

Need to build a web site? Or update one? Or just create some effective new web content? Maybe you just need to update your skills, do the job better.

Welcome. This book's for you. We'll leverage what you already know about the web, so you'll go further, faster than you ever expected. You'll master today's best practices: the real nuts and bolts, not theory or hooey. You'll learn through dozens of focused HTML, XHTML, and CSS examples: crafted for simplicity and easy to adapt for your own projects.

Need specific solutions? This book's modular, visual, high-efficiency format delivers them instantly. Molly E. Holzschlag draws on her unparalleled experience teaching Web design and development. No other HTML/CSS guide covers this much, this well, this quickly. Dig in, get started, get results!

  • All you need to succeed with HTML, XHTML, and CSS in real-world projects

  • Learn how to build web pages that'll work in any environment, on virtually any contemporary browser

  • Construct templates that simplify every page you develop

  • Structure and tag text so it's easy to work with and manage

  • Add images, media, and scripts–quickly and reliably

  • Discover the right ways to use HTML tables

  • Build easy-to-use forms and validate your users' input

  • Use CSS to take total control over your site's look and feel

  • Master core CSS techniques: color, images, text styles, link effects, lists, navigation, and more

  • Control margins, borders, padding, positioning, floats, even Z-index

  • Design efficient, compatible, easy-to-manage CSS layouts

Includes concise XHTML and CSS annotated references: quick help for every language element

Spring Into... is a new series of fast-paced tutorials from Addison-Wesley. Each book in the series is designed to bring you up to speed quickly. Complex topics and technologies are reduced to their core components, and each component is treated with remarkable efficiency in one- or two-page spreads. Just the information you need to begin working...now! And because the books are example-rich and easy to navigate, you'll find that they make great on-the-job references after you've mastered the basics.


© Copyright Pearson Education. All rights reserved.

Downloads

Example(s)

Download the Examples related to this title.

Sample Content

Online Sample Chapter

How to Add Images, Media, and Scripts to Your Web Site

Downloadable Sample Chapter

Download the Sample Chapter related to this title.

Table of Contents

Preface.

Acknowledgments.

About the Author.

About the Series Editor.

1. Building an HTML Page.

    Declaring and Identifying the Document

    Adding the html Element

    The head and title Elements

    The meta Element

    The body Element

    HTML Comments

    Reviewing the Template

    Text Is Next!

2. Adding Text and Links.

    Using Headers Properly

    Adding Paragraphs

    Working with Page Breaks

    Ordered Lists

    Unordered Lists

    Nesting Lists

    Definition Lists

    The Good Old Link

    Email Links

    Intrapage Linking

    Adding Content to the Template

    Wrapping It Up

3. Adding Images, Media, and Scripts.

    The img Element

    Adding width and height Values

    Providing Alternative Text

    Linking the Image

    Linking to an Audio or Video File

    Embedding Files Using the object Element

    But Your Honor, I Object!

    Adding Scripts

    Scripting and Browser Concerns

    Imagine That!

4. Creating Tables.

    The table Element

    Adding a Table Row

    Adding Table Cells

    Adding Table Headers

    Adding a Caption

    Table Summaries

    Spanning Rows

    Spanning Columns

    Combining colspan and rowspan

    Grouping Table Columns: The col Element

    Grouping Table Columns with colgroup

    Grouping Table Rows

    The Table's Set

5. Building Forms.

    The form Element

    Adding an Input Textbox

    Adding Check Boxes and Radio Buttons

    Preselecting Checked Items

    Using Form Menus

    Working with Text Areas

    Reset and Submit Buttons

    Using a Graphic Submit Button

    Making Forms More Accessible with label

    Grouping Form Fields

    Grouping Menu Items

    Customizing and Advancing Your Forms

    Now That You're Well-Formed

6. Working with Frames.

    The Power of Three

    Creating a Frameset

    Adding Columns

    Working with Rows

    Combining Columns and Rows

    Margin, Resize, and Scroll Controls

    Naming and Targeting Frames

    Frames Without Frontiers

    Making Frames Accessible with noframes

    Wonderful Inline Frames

    You're Framed!

7. Using CSS.

    CSS Theory Simplified

    Adding Style Inline

    Using Embedded Style

    Creating a Linked Style Sheet

    Importing Style Sheets

    Commenting and Formatting CSS

    Time to Put Your Imagination to Work!

8. Working with Color and Images Using CSS.

    Color and CSS

    Adding Color to Backgrounds

    Spicing Up a Table Using Background Color

    Attaching a Background Graphic

    Controlling How Backgrounds Tile

    Positioning a Background Graphic

    Fixing and Scrolling Background Images

    Making a Background Color Transparent

    CSS Shorthand for Backgrounds

    Having Fun Yet?

9. Styling Text.

    Choosing Fonts

    Applying Font Families to Text

    Sizing Fonts

    Font Weight and Style

    Coloring Text

    Aligning Text

    Text Decoration

    Indenting Text

    Transforming and Varying Text

    Setting Line Height

    Spacing Letters and Words

    Modifying First-Letter and First-Line Text

    Using Shorthand for Font Styles

    Now You're Getting Fancy!

10. Link Effects, Lists, and Navigation.

    Working with Link States

    Modifying Link Styles

    Multiple Link Styles Using Class Selectors

    Styling Links Using Descendant Selectors

    Styling Ordered Lists

    Styling Unordered Lists

    Shorthand CSS for List Styles

    List-Based Vertical Navigation Using Color

    Vertical List Navigation with Image Effects

    Horizontal List-Based Navigation with Color

    Horizontal List Navigation with Images

    Rich Links, Lists, and Navigation

11. Margins, Borders, and Padding.

    Exploring the Box Model

    Using Margins

    Using Negative Margins

    Margin Shorthand

    Styling Borders

    Border Shorthand

    Using Padding

    Padding Shorthand

    Toward Gaining More Control

12. Positioning, Floats, and Z-index.

    Getting into Position

    Normal Flow

    Containing Blocks

    The Browser Viewport

    Absolute Positioning: To the Root Element

    Absolute Positioning: To Another Block

    Relative Positioning

    Fixed Positioning

    Floating Elements

    Clearing Floats

    Z-index

    Just Like a Pro

13. CSS Layouts.

    Three Columns with Fixed Flanking Menus

    Three Columns with Masthead and Footer

    Nested Float

    Centered Designs

    Complex Layouts

    Repeat After Me

Appendix A: XHTML 1.0 Annotated Reference.

Appendix B: CSS 2.1 Annotated Reference.

Index.

Preface

Untitled Document The Web might be the most intriguing invention of the 20th century. Certainly, it is a technology that has spread faster than a California wildfire and has, in just a decade's time, changed the ways in which most contemporary societies live, work, study—and, of course, shop.

Hard to imagine that it all began as an experiment in a particle physics laboratory. Tim Berners-Lee and his fellow physicists at CERN (European Organization for Nuclear Research) had been searching for a way to effectively share research documents across a variety of computer platforms. The Internet, with its complex, international network, was a very natural foundation upon which to house the technologies that would ultimately combine to make up the World Wide Web.

From its modest origins to the absolutely astonishing permeation into world culture, the Web, according to its father, Berners-Lee, was intended to be as much a social environment as a technical one. This idea might well have led to the fast proliferation of the Web, largely because it enables us to interact in many different ways socially via the technology, so much so that a new study of social networking has emerged to examine the social implications of the Web on society, and vice versa.

Who Should Read This Book?

You might, in fact, be a particle physicist, but this book is also intended for a wide range of nontechnical professionals interested in building websites and working with web documents for professional application within a given field, such as education, medicine, law, or science. To that end, I've written the book with a bit less technical jargon than I would for an audience of software developers, but you will find that this book, while very approachable, does get into some nitty-gritty concerns. The good news is you don't have to be a rocket scientist to understand it—but if you are, it'll work out for you, too!

And, while intended for nontechnical professionals, the book will most certainly also be useful for people who are working in the web design and development field, and are interested in learning contemporary approaches to working with web pages.

How Is This Book Organized?

I've organized this book into two sections. The first focuses on HTML, the language used to structure the document and its contents.


--------------------------------------------------------------------------------

Note - Although HTML is still in use, it has been reformulated into a language known as Extensible Markup Language (XHTML). For general purposes, they are essentially the same, with the exception that XHTML can be extended in ways beyond the scope of the book. However, to keep up-to-date and to get you working with modern markup, XHTML is used in this book. In fact, it's an important point that I tend to use the terms HTML and XHTML interchangeably, even though they are, in fact, a bit different.


--------------------------------------------------------------------------------

You'll learn more about HTML and XHTML in the book's first section, which contains the following chapters:

Chapters in Section 1
Chapter 1: Building an HTML Page
Teaches you how to: Create a page in XHTML

Chapter 2: Adding Text and Links
Teaches you how to: Format text and links

Chapter 3: Adding Images, Media, and Scripts
Teaches you how to: Add dynamic content

Chapter 4: Creating Tables
Teaches you how to: Build effective data tables

Chapter 5: Building Forms
Teaches you how to: Create HTML forms

Chapter 6: Working with Frames
Teaches you how to: Work with frames

The second section of the book focuses on Cascading Style Sheets (CSS), which is the language that integrates with HTML and XHTML to add the design features of the page: layout, colors, fonts, and anything decorative. You'll learn how to apply CSS to the pages you build by following the approaches found in the following chapters:

Chapters in Section 2

Chapter 7: Using CSS
Teaches you how to: Integrate CSS with HTML

Chapter 8: Working with Color and Images
Teaches you how to: Add color and imagery

Chapter 9: Styling Text
Teaches you how to: Work with web typography

Chapter 10: Link Effects, Lists, and Navigation
Teaches you how to: Design with links and lists

Chapter 11: Margins, Borders, and Padding
Teaches you how to: Gain control over space

Chapter 12: Positioning, Floats, and Z-index
Teaches you how to: Position and float elements

Chapter 13: CSS Layouts
Teaches you how to: Lay out pages with CSS

Along with the chapters, there are two very important appendixes. The first is "XHTML 1.0 Annotated Reference," which provides a look-up along with proper usage and tips of all the elements available in XHTML 1.0. The second is "CSS 2.1 Annotated Reference," which provides a listing, along with proper usage and tips, of all available CSS properties.

Between the chapters and the appendixes, you'll be set when it comes to the breadth of knowledge required to create great web pages using today's techniques.

What's Unusual About This Book?

This book, like the other books in the Spring Into... Series, provides the following unique approaches to the content within:

Each topic is explained in a discrete one- or two-page unit called a "chunk."

Each chunk builds on the previous chunks in that chapter.

Many chunks contain sidebars and "Quantum Leaps," which provide helpful, _ancillary material that is often more advanced than the main text.

The chunk style has been specifically crafted to meet the needs of busy people. I know you don't have a lot of time to spend learning complex ideas, so giving them to you in bite-size chunks is a helpful way to get you working as fast as possible, the right way, from the get-go.

Where to Get Examples from the Book

See the book's web page www.awprofessional.com/springinto/.

Acknowledgments

Writing a book feels like a lonely process, but the fact is that many people help out. Barry Rosenberg provided much needed early guidance on how to best write in the chunk style used in this series. Along the way, three reviewers provided valuable feedback: Kimberly Blessing and Eris Free pointed out ways I could improve the text, and Daniel Smith lent his fine eye and found mistakes and points of clarification, and provided very supportive tips along the way. A special thanks to Mark Taub, who offered the fine opportunity as well as shepherded it through. Finally, to David Fugate, literary agent extraordinaire, who is always there with wit, wisdom, and great movie advice, to boot.

About the Author

Coined "one of the greatest digerati" and deemed one of the "Top 25 Most Influential Women on the Web," there is little doubt that in the world of web design and development, Molly E. Holzschlag is a vibrant and influential thinker, teacher, and author. With more than 30 web development book titles to her credit, Molly is a Steering Committee member for the Web Standards Project (WaSP and an advisory board member to the World Organization of Webmasters. She also has taught Webmaster courses for the University of Arizona, University of Phoenix, New School University, and Pima Community College. Many recognize Molly from her books, feature articles, and popular website, molly.com.

About the Series Editor

Barry Rosenberg wrote the cult classic, KornShell Programming Tutorial (Addison-Wesley, 1991), which pioneered many of the chunk-oriented techniques found in the Spring Into... Series. He is the author of more than sixty corporate technical manuals, primarily on programming. An experienced instructor, Barry has taught everything from high-school physics to weeklong corporate seminars on data structures.

Most recently, Barry spent four semesters at MIT where he taught advanced technical writing. Barry is also a professional juggler who has performed more than 1,200 shows, including a three-week run in Japan. Juggling serves as the backdrop for his novel, Cascade (not yet published). Barry currently works as the documentation manager at 170 Systems.

Index

Download the Index file related to this title.

Updates

Submit Errata

More Information

InformIT Promotional Mailings & Special Offers

I would like to receive exclusive offers and hear about products from InformIT and its family of brands. I can unsubscribe at any time.

Overview


Pearson Education, Inc., 221 River Street, Hoboken, New Jersey 07030, (Pearson) presents this site to provide information about products and services that can be purchased through this site.

This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site. Please note that other Pearson websites and online products and services have their own separate privacy policies.

Collection and Use of Information


To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:

Questions and Inquiries

For inquiries and questions, we collect the inquiry or question, together with name, contact details (email address, phone number and mailing address) and any other additional information voluntarily submitted to us through a Contact Us form or an email. We use this information to address the inquiry and respond to the question.

Online Store

For orders and purchases placed through our online store on this site, we collect order details, name, institution name and address (if applicable), email address, phone number, shipping and billing addresses, credit/debit card information, shipping options and any instructions. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes.

Surveys

Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites, develop new products and services, conduct educational research and for other purposes specified in the survey.

Contests and Drawings

Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.

Newsletters

If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email information@informit.com.

Service Announcements

On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature.

Customer Service

We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users' wishes when a user submits their information through our Contact Us form.

Other Collection and Use of Information


Application and System Logs

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. Log data may include technical information about how a user or visitor connected to this site, such as browser type, type of computer/device, operating system, internet service provider and IP address. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Web Analytics

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site. While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson (but not the third party web trend services) to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

Cookies and Related Technologies

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site.

Do Not Track

This site currently does not respond to Do Not Track signals.

Security


Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Children


This site is not directed to children under the age of 13.

Marketing


Pearson may send or direct marketing communications to users, provided that

  • Pearson will not use personal information collected or processed as a K-12 school service provider for the purpose of directed or targeted advertising.
  • Such marketing is consistent with applicable law and Pearson's legal obligations.
  • Pearson will not knowingly direct or send marketing communications to an individual who has expressed a preference not to receive marketing.
  • Where required by applicable law, express or implied consent to marketing exists and has not been withdrawn.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time.

Correcting/Updating Personal Information


If a user's personally identifiable information changes (such as your postal address or email address), we provide a way to correct or update that user's personal data provided to us. This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service@informit.com and we will process the deletion of a user's account.

Choice/Opt-out


Users can always make an informed choice as to whether they should proceed with certain services offered by InformIT. If you choose to remove yourself from our mailing list(s) simply visit the following page and uncheck any communication you no longer want to receive: www.informit.com/u.aspx.

Sale of Personal Information


Pearson does not rent or sell personal information in exchange for any payment of money.

While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest@pearson.com.

Supplemental Privacy Statement for California Residents


California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson's commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

Sharing and Disclosure


Pearson may disclose personal information, as follows:

  • As required by law.
  • With the consent of the individual (or their parent, if the individual is a minor)
  • In response to a subpoena, court order or legal process, to the extent permitted or required by law
  • To protect the security and safety of individuals, data, assets and systems, consistent with applicable law
  • In connection the sale, joint venture or other transfer of some or all of its company or assets, subject to the provisions of this Privacy Notice
  • To investigate or address actual or suspected fraud or other illegal activities
  • To exercise its legal rights, including enforcement of the Terms of Use for this site or another contract
  • To affiliated Pearson companies and other companies and organizations who perform work for Pearson and are obligated to protect the privacy of personal information consistent with this Privacy Notice
  • To a school, organization, company or government agency, where Pearson collects or processes the personal information in a school setting or on behalf of such organization, company or government agency.

Links


This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site.

Requests and Contact


Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

Changes to this Privacy Notice


We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way. Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions.

Last Update: November 17, 2020