Licensed to: NEW PERSPECTIVES NEW PERSPECTIVES NEW PERSPECTIVES ALSO AVAILABLE HTML, XHTML, and XML 3rd Edition COMPREHENSIVE Building Skills for the Real World HTML and XHTML 5th Edition, HTML, XHTML, and XML Comprehensive ABOUT THIS BOOK 1-4239-2546-7 HTML, XHTML, • Engages students with its hands-on approach and up-to-date coverage of HTML and XHTML, Provides complete coverage of HTML including an overview of Section 508 guidelines for Web accessibility and XHTML, including: • Creating Web forms and using frames • Provides coverage of CSS and design styles to enhance Web page layout and appearance • Creating and validating well-formed • Teaches students how to embed multimedia content, create Web forms, and combine XHTML XHTML documents • Multimedia Web sites, including and XML and other XML vocabularies audio, video, and Java applets • Covers XML validation, including the creation and application of DTDs and schemas 3rd Edition NEW FOR THIS EDITION! Patrick Carey • Updated business case scenarios throughout the tutorials provide a rich and realistic context Blended HTML, for students to apply the concepts and skills presented. XHTML, and CSS • InSight boxes offer expert advice and best practices to help students achieve a better 1st Edition, understanding of concepts related to HTML, XHTML, and XML. Introductory 1-4239-0651-9 • Margin Tips provide helpful hints for more effi cient use of HTML, XHTML, and XML. Provides a thorough introduction to • Reality Check exercises are comprehensive, open-ended assignments that give students the HTML, XHTML and CSS, including: opportunity to complete practical, real-world tasks, such as creating a personal Web site and • Using HTML tags and styles to create creating and posting an online resume. Web pages • Understanding CSS text properties • Creating and positioning graphics, 3rd Edition ABOUT THE NEW PERSPECTIVES SERIES images, and boxes With its critical thinking and problem-solving approach, the New Perspectives Series is leading the way for today’s students to learn computer skills. Its case-based tutorials challenge students to apply what they are learning to real-life tasks, preparing them to easily transfer skills to new situations. Robust end-of-tutorial material offers students the resources they need to practice skills and enhance HTML, XHTML, their knowledge. With the New Perspectives Series, students understand why they’re learning what and Dynamic HTML they’re learning, and are better situated to retain skills beyond the classroom. 4th Edition, COMPREHENSIVE Comprehensive For additional information about the New Perspectives Series, please visit: 1-4239-2543-2 www.cengage.com/ct/newperspectives Provides complete coverage of HTML, XHTML and DHTML, including: • Objects, expressions, functions, program loops, and variables • Using JavaScript to validate Web About the front cover image forms and create interactive Photographs taken from nature provide the backdrop for Bill Brown’s artistic designs. Web page layouts Simple images of leaves and fl owers are manipulated through a series of design • Working with document nodes and Carey techniques to create the visually striking kaleidoscope image on the front cover. The the document node tree philosophy of the artist’s work is simple: all art can be seen from a different perspective, leaving it up to viewers to interpret the art as they like. We invite you to look at nature from a New Perspective. To learn more about Course Technology, visit www.cengage.com/coursetechnology COMPREHENSIVE Purchase any of our products at your local college store or at our preferred online store www.ichapters.com 0495806404_cvr_comp.indd 1 4/16/09 10:18:50 AM A_C7002_FM.4c 4/24/09 9:38 AM Page ii Licensed to: New Perspectives on HTML, XHTML, and XML, © 2010 Course Technology, Cengage Learning 3rd Edition—Comprehensive ALL RIGHTS RESERVED. No part of this work covered by the copyright herein may Vice President, Publisher: Nicole Jones Pinard be reproduced, transmitted, stored or used in any form or by any means graphic, electronic, or mechanical, including but not limited to photocopying, recording, Executive Editor: Marie L. Lee scanning, digitizing, taping, Web distribution, information networks, or informa- Associate Acquisitions Editor: Brandi Shailer tion storage and retrieval systems, except as permitted under Section 107 or 108 Senior Product Manager: Kathy Finnegan of the 1976 United States Copyright Act, without the prior written permission of Associate Product Manager: Leigh Robbins the publisher. Editorial Assistant: Julia Leroux-Lindsey For product information and technology assistance, contact us at Director of Marketing: Cheryl Costantini Cengage Learning Customer & Sales Support, 1-800-354-9706 Marketing Manager: Ryan DeGrote For permission to use material from this text or product, submit all Marketing Coordinator: Kristen Panciocco requests online at cengage.com/permissions Further permissions questions can be emailed to Developmental Editors: Mary Kemper, Robin M. Romer [email protected] Senior Content Project Manager: Jennifer Goguen McGrail Composition: GEX Publishing Services Some of the product names and company names used in this book have been used Text Designer: Steve Deschene for identification purposes only and may be trademarks or registered trademarks Art Director: Marissa Falco of their respective manufacturers and sellers. Cover Designer: Elizabeth Paquin Microsoft and the Office logo are either registered trademarks or trademarks of Cover Art: Bill Brown Microsoft Corporation in the United States and/or other countries. Course Copyeditor: Suzanne Huizenga Technology, Cengage Learning is an independent entity from the Microsoft Corporation, and not affiliated with Microsoft in any manner. Proofreader: Kathy Orrino Indexer: Alexandra Nickerson Disclaimer: Any fictional data related to persons or companies or URLs used throughout this book is intended for instructional purposes only. At the time this book was printed, any such data was fictional and not belonging to any real persons or companies. ISBN-13: 978-0-495-80640-0 ISBN-10: 0-495-80640-4 Course Technology 20 Channel Center Street Boston, Massachusetts 02210 USA Cengage Learning is a leading provider of customized learning solutions with office locations around the globe, including Singapore, the United Kingdom, Australia, Mexico, Brazil, and Japan. Locate your local office at: international.cengage.com/region Cengage Learning products are represented in Canada by Nelson Education, Ltd. To learn more about Course Technology, visit www.cengage.com/coursetechnology To learn more about Cengage Learning, visit www.cengage.com Purchase any of our products at your local college store or at our preferred online store www.ichapters.com Printed in the United States of America 12345678913 12 11 10 09 Copyright 2009 Cengage Learning, Inc. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. C6736_01 1/23/2008 16:15:52 Page 1 Licensed to: HTML and XHTML HTML 1 Tutorial 1 Objectives Session 1.1 • Learn the history of the Developing a Web Page Web and HTML • Describe HTML stan- Creating a Product Page for a Startup Company dards and specifications • Understand HTML ele- ments and markup tags • Create the basic struc- Case | Dave’s Devil Sticks ture of an HTML file • Insert an HTML Dave Vinet is a machinist in Auburn, Maine. In his spare time, Dave builds and comment juggles devil sticks—juggling props used in circuses and by street performers. In Session 1.2 recent years, he has made customized sticks for his friends and colleagues. • Work with block-level Encouraged by their enthusiasm for his work, Dave has decided to start a busi- elements ness called Dave’s Devil Sticks. So far his customers have come through word of • Create ordered, mouth; now Dave wants to advertise his business on the Web. To do that, Dave unordered, and needs to create a Web page that describes his company and its products. He definition lists has the text describing his company in a flyer that he hands out at juggling • Work with inline elements conventions. He has also contacted a graphic artist to design a logo. He wants • Understand the div to use this material in his Web page. and span elements He has come to you for help in designing a Web page and writing the code. He Session 1.3 wants the Web page to contain the same information and graphics contained in his • Add attributes to flyer. To create Dave’s Web page, you’ll have to learn how to work with HTML, the HTML elements markup language used to create documents on the World Wide Web. • Format page content using the style attribute • Mark empty elements with one-sided tags • Add an inline image to a Web page • Work with character sets and codes Starting Data Files Demo Case1 logo.jpg cengage.jpg logo.jpg euler.jpg demo.gif eulertxt.htm demo2.gif demo_characters.htm demo_html.htm Case2 Case3 Case4 macbeth.jpg dessertweb.jpg logo.jpg macbethtxt.htm torte.jpg smith.jpg tortetxt.htm smith.txt Copyright 2009 Cengage Learning, Inc. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Copyright 2009 Cengage Learning, Inc. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. C6736_01 1/8/2008 15:54:29 Page 2 Licensed to: HTML 2 HTML and XHTML Tutorial 1 Developing a Web Page Session 1.1 Exploring the History of the World Wide Web Before you start creating a Web page for Dave, it’s helpful to first look at the history of the Web and how HTML was developed. You’ll start by reviewing networks. Networks A network is a structure that links several points called nodes allowing for the sharing of information and services. For computer networks, each node is a device such as a computer or a printer or a scanner, capable of sending and receiving data electronically over the network. A computer node is also called a host to distinguish it from other node devices.