38
Chapter 2 Introduction to XHTML

Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Embed Size (px)

Citation preview

Page 1: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Chapter 2

Introduction to XHTML

Page 2: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2

FIGURE 2.1 Filling lines

Page 3: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-3

FIGURE 2.2 Display of greet.html

Page 4: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-4

FIGURE 2.3 The paragraph element

Page 5: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-5

FIGURE 2.4 Display of file-upload.html, the W3C HTML validation document

Page 6: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-6

FIGURE 2.5 HTML validation output for greet.html

Page 7: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-7

FIGURE 2.6 Line breaks

Page 8: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-8

FIGURE 2.7 Display of headings.html

Page 9: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-9

FIGURE 2.8 Display of blockquote.html

Page 10: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-10

FIGURE 2.9 The <big> element

Page 11: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-11

FIGURE 2.10 The <small> element

Page 12: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-12

FIGURE 2.11 The <sub> and <sup> elements

Page 13: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-13

FIGURE 2.12 The <tt> element

Page 14: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-14

TABLE 2.1 Some Commonly Used Entities

Page 15: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-15

FIGURE 2.13 Display of image.html

Page 16: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-16

FIGURE 2.14 Display of link.html

Page 17: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-17

FIGURE 2.15 Following the link from link.html

Page 18: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-18

FIGURE 2.16 Display of unordered.html

Page 19: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-19

FIGURE 2.17 Display of ordered.html

Page 20: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-20

FIGURE 2.18 Display of nested_lists.html

Page 21: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-21

FIGURE 2.19 Display of definition.html

Page 22: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-22

FIGURE 2.20 Display of table.html

Page 23: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-23

FIGURE 2.21 Two levels of column labels

Page 24: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-24

FIGURE 2.22 Display of cell_span.html: multiple-labeled columns and labeled rows

Page 25: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-25

FIGURE 2.23 Display of cell_align.html: the align and valign attributes

Page 26: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-26

FIGURE 2.24 Display of space_pad.html

Page 27: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-27

FIGURE 2.25 Display of checkbox.html

Page 28: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-28

FIGURE 2.26 Display of radio.html

Page 29: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-29

FIGURE 2.27 Display of menu.html (default size of 1)

Page 30: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-30

FIGURE 2.28 Display of menu.html after the scroll arrow is clicked

Page 31: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-31

FIGURE 2.29 Display of menu.html with size set to 2

Page 32: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-32

FIGURE 2.30 Display of textarea.html after some text entry

Page 33: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-33

FIGURE 2.31 Submit and Reset buttons

Page 34: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-34

FIGURE 2.32 Display of popcorn.html

Page 35: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-35

FIGURE 2.33 A simple frameset of six frames

Page 36: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-36

FIGURE 2.34 Display of frames.html

Page 37: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-37

FIGURE 2.35 Display of frames.html after taking the bananas link

Page 38: Chapter 2 Introduction to XHTML. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-2 FIGURE 2.1 Filling lines

Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 2-38

FIGURE 2.36 Display of nested_frames.html