多媒体技术基础第6讲HTML5CSS.pptVIP

* Table2.html 1 ?xml version = 1.0? 2 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 3 /TR/xhtml1/DTD/xhtml1-strict.dtd 4 5 !-- Fig. 5.2: table2.html -- 6 !-- Intermediate table design -- 7 8 html xmlns = /1999/xhtml 9 head 10 titleInternet and WWW How to Program - Tables/title 11 /head 12 13 body 14 15 h1Table Example Page/h1 16 17 table border = 1 18 captionHere is a more complex sample table./caption 19 20 !-- colgroup and col are used to -- 21 !-- format entire columns at once. -- 22 !-- span determines how many columns -- 23 !-- the col tag affects. -- 24 colgroup 25 col align = right span = 1 / 26 /colgroup 27 28 thead 29 The align attribute is used to horizontally align data in a cell. The span attribute indicates width of the data cell in number of columns. * 30 !-- rowspans and colspans merge the specified -- 31 !-- number of cells vertically or horizontally -- 32 tr 33 34 !-- Merge two rows -- 35 th rowspan = 2 36 img src = camel.gif width = 205 37 height = 167 alt = Picture of a camel / 38 /th 39 40 !-- Merge four columns -- 41 th colspan = 4 valign = top 42 h1Camelid comparison/h1br / 43 pApproximate as of 8/99/p 44 /th 45 /tr 46 47 tr valign = bottom 48 th# of Humps/th 49 thIndigenous region/th 50 thSpits?/th 51 thProduces Wool?/th 52 /tr 53 54 /thead 55 56 tbody 57 58 tr 59 thCamels (bactrian)/th 60 td2/td 61