Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2...

37
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition By Robert W. Sebesta

Transcript of Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2...

Page 1: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Chapter 2Introduction to XHTML

Programming the World Wide Web Fourth edition

By Robert W. Sebesta

Page 2: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-2Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.1 Filling lines

Page 3: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-3Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.2 Display of greet.html

Page 4: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-4Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.3 The paragraph element

Page 5: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-5Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.4 Line breaks

Page 6: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-6Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.5 The pre element

Page 7: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-7Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.6 Display of headings.html

Page 8: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-8Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.7 Display of blockquote.html

Page 9: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-9Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.8 The <code> element

Page 10: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-10Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.9 The <sub> and <sup> elements

Page 11: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-11Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Table 2.1 Some commonly used entities

Page 12: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-12Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.10 Display of image.html

Page 13: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-13Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.11 Display of file-upload.html, the W3C HTML validation

Page 14: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-14Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.12 HTML validation output for image.html

Page 15: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-15Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.13 Display of link.html

Page 16: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-16Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.14 Following the link from link.html

Page 17: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-17Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.15 Display of unordered.html

Page 18: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-18Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.16 Display of ordered.html

Page 19: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-19Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.17 Display of nested_lists.html

Page 20: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-20Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.18 Display of definition.html

Page 21: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-21Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.19 Display of table.html

Page 22: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-22Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.20 Two levels of column labels

Page 23: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-23Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.21 Display of cell_span.html: multiple-labeled columns and labeled rows

Page 24: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-24Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.22 Display of cell_align.html: the align and valign attributes

Page 25: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-25Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.23 Display of space_pad.html

Page 26: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-26Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.24 Display of checkbox.html

Page 27: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-27Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.25 Display of radio.html

Page 28: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-28Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.26 Display of menu.html (default size of 1)

Page 29: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-29Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.27 Display of menu.html after the scroll arrow is clicked

Page 30: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-30Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.28 Display of menu.html with size set to 2

Page 31: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-31Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.29 Display of textarea.html after some text entry

Page 32: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-32Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.30 Submit and Reset buttons

Page 33: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-33Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.31 Display of popcorn.html

Page 34: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-34Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.32 A simple frameset of six frames

Page 35: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-35Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.33 Display of frames.html

Page 36: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-36Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.34 Display of frames.html after taking the bananas link

Page 37: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

2-37Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 2.35 Display of nested_frames.html