X Working Draft

Size: px

Start display at page:

Download "X Working Draft"

なおちかわたぬき
5 years ago
Views:

2 X Working Draft

3 JIS X " a b a b c d e f g a b c d e f g h i a b c d e a b c

4 5.6.a b c a b a b a b c d e f JIS X : JIS X : JIS X : JIS X : JIS X : Appendix 1 Macromedia Flash Appendix 2 Adobe PDF html4.01 elements list

5 1. - JIS X8341-3: JIS JIS JIS X8341-3:2004 INSTAC 16 WG2 JIS X8341-3: JIS X8341-3:2004 JIS X8341-3: a) (HTML XHTML) (CSS) b) c) d) JIS X8341-3:2004 4

6 4. JIS X HTML XHTML JIS 5

7 5. JIS X " a, ( JIS X8341-3:5.1 a) HTML HTML meta DOCTYPE DOCTYPE HTML HTML CSS W3C ISO JIS W3C WCAG X8341-3:2004 HTML 4.01 Specification W3C Recommendation JIS TR X0033: HTML 4.0 TR HTML 4.0 Specification W3C Recommendation, revised on 24-Apr-1998 TR X0033:2000 HTML 4.01Specification W3C Recommendation XHTML 1.0 The Extensible HyperText Markup Language (Second Edition) 6

8 A Reformulation of HTML 4 in XML 1.0 W3C Recommendation XHTML Module-based XHTML W3C Recommendation Modularization of XHTML W3C Recommendation JIS TR X0080:2003 XHTML 1.1 XHTML XHTML Module-based XHTML W3C Recommendation Cascading Style Sheets, level 2 revision 1 CSS 2.1 Specification W3C Candidate Recommendation JIS TR X 0032:2000 CSS2 Cascading Style Sheets, level 2 CSS2 Specification W3C Recommendation Synchronized Multimedia Integration Language (SMIL 2.0) - [Second Edition] JIS TR X0093:2003 SMIL2.0 Synchronized Multimedia Integration Language (SMIL 2.0) W3C Recommendation (TR) Scalable Vector Graphics (SVG) 1.1 Specification W3C Recommendation XHTML XML DOCTYPE DTD DTD DTD DTD CSS2.1 Strict Transitional 7

9 Strict Transitional Transitional Strict Transitional Strict Transitional HTML 1) HTML 2) DTD HTML XHTML XML DOCTYPE DTD 1 HTML4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " 2 HTML4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " 3 XHTML1.0 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " DTD 3) DTD (valid) 1 W3C Markup Validation Service 2 W3C CSS 3 8

10 4) JIS X0208: meta head <meta http-equiv="content-type" content="text/html; charset=euc-jp"> <meta http-equiv="content-type" content="text/html; charset=iso-2022-jp"> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> 5) 1 (ISO-2022-JP) JIS 5.1.b ( JIS X8341-3:5.1 b) HTML HTML 9

11 object applet script noscript embed noembed 5.4.c 5.4.d 5.4.e 5.3d object applet html Java JavaScript VBScript HTML ActiveX Macromedia FLASH Adobe PDF 1) object/applet JIS X8341-3: FLASH 2 Adobe PDF 3 ActiveX Microsoft Active Accessibility Java Foundation Classes (JFC) Java Accessibility API Java Access Bridge For Windows Operating System Java 5 Mac OS X Carbon Mac OS 6 Linux UNIX 10

12 JIS X ) object object 1 <object data="logo.mpg" type=" application/mpeg "> </object> 3) 4) script Script XXXXXXXXXXXXXX 5) script noscript script 1 script type="text/javascript"> </script> <noscript> <a href= altmenu.html > </a> </noscript> 6) embed noembed object a (JIS X8341-3: 5.2 a) Web 11

13 h1, h2, h3, h4, h5, h6, p, div, span, dl, ol, ul, li, big, small, em strong, blockquote, q, font, style 5.2 b HTML (h1 h6), (ul, ol, dl) HTML HTML CSS 1) h1 h6 h1 h6 h1 h6 2) h1 h2 h3 h1 h6 3) (ol) (ul) (dl) 12

14 4) <p> <div> <span> <p> <div> <span> <blockquote>. <q> 5) <big>, <small>, <strong> <big>, <small>, <strong> <font> 13

15 5.2.b (JIS X8341-3: 5.2 b) HTML h1, h2, h3, h4, h5, h6, p, div, span, dl, ol, ul, li, big, small, em, del, th, strong, blockquote, q, font, style font-size, font-weight, text-align, color, background-color, margin-top, margin-bottom, margin-left, margin-right, list-style-type, list-style-image, line-height, font-size, position:, top, left CSS HTML JIS X8341-3: 5.2 a 1) <h?> <h1> <h6> CSS 1)

16 <style type="text/css"> h1,h2,h3,h4,h5,h6{ font-size:1.5em; font-weight:bold; } </style> 2) h1{ font-size:1.5em; font-weight:bold; text-align:center; } h2,h3,h4,h5,h6{ font-size:1.5em; font-weight:bold; color:#ffffff; background-color:#00ff00; } 3) <style type="text/css"> h1{ font-size:1.5em; font-weight:bold; margin-top:0; margin-bottom:0; } </style> <h1><img src="title.gif" alt=" "></h1> <img src="line.gif" alt=""> 2) CSS 1) <style type="text/css"> 15

17 ul.disc{list-style-type:disc;} ul.circle{list-style-type:circle;} ul.square{list-style-type:square;} ul.myface{list-style-image:url(myface.jpg)} </style> <ul class="myface"> </ul> 2) ul{ margin-left:0.5em; padding-left:0.5em; } 3) li{ margin-bottom:1em; line-height:1.5em; padding-left:2em; } 4) LI UL li{ font-size:1.5em; font-weight:bold; color:#00ff00; } ul{ } font-size:1.5em; font-weight:bold; color:#00ff00; 3) (P DIV ) CSS 1) (P) 16

18 p{ } margin-left:2em; 2 <div style="margin-left:4pm">... </div> 3) <div style="text-align:right">... </div> 4) <p style="letter-spacing:0.25em;line-height:1.5em;"> </p> 4) CSS 1) <em> </em> <strong> </strong> <span style="text-decoration: underline;"> </span> <span style="font-style:italic;"> </span> <span> 2) <em style= color:green > </em> <strong style= color:red;font-size:2em > </strong> 3) <div style= text-align:center > </div> 4) <span style= font-size:1.5em > </span> 17

19 5) <del> </del> <del style="text-decoration:line-through"> </del> <span style="text-decoration:line-through"> </span> 6) <! > <span style="letter-spacing:2em"> </span> 2 14 <br>  <br> <! > <span style="letter-spacing:0.5em"> </span> <br> <! > <span style=" letter-spacing:0.5em"> </span> <br> <! > <h1 style="letter-spacing:-0.3em"> </h1> 5) JIS X8341-3: 5.2 a JIS X8341-3: 5.2 a CSS CSS 6) CSS HTML CSS CSS CSS HTML CSS <html> <head> <title> CSS </title> 18

20 </head> <body> <style type="text/css"> div.1{ position:absolute; top:60px; left:100px; } div.2{ position:absolute; top:78px; left:100px; } div.3{ position:absolute; top:96px; left:100px; } div.4{ position:absolute; top:114px; left:100px; } p.ranking{ position:absolute; top:60px; left:20px; } </style> <body> <h1> </h1> <p class="ranking"> :<br> :<br> :<br> :<br> </p> <div class="2"> </div> <div class="3"> </div> <div class="4"> </div> 19

21 <div class="1"> </div> </body> </html> CSS CSS 7) TH <style type="text/css"> th{ font-weight:normal; } 20

22 </style> 5.2.c (JIS X8341-3: 5.2 c) table, hd, th, caption, style, scope, headres, id, summary, 5.2 b (CSS) 1 id headers scope 1) th th 21

23 th th CSS 2) 3) th scope headers, id 4) caption caption 5) summary summary 22

24 5.2.d (JIS X8341-3: 5.2 d) table Web CSS table, td, th 5.2 b (CSS) CSS HTML th 1) 23

25 2) CSS CSS HTML CSS 24

26 5.2.e (JIS X8341-3: 5.2 e) title 1) 2) 25

27 3) 4) 5) ) HTML4.01 P - HTML4.01 BODY - HTML4.01 DIV - HTML4.01 4) ) HTML4.01 HTML - P HTML - BODY HTML - DIV 5) 1) 2) 26

28 HTML HTML HTML ) HTML4.01 1/5 HTML4.01 2/5 HTML4.01 3/5 27

29 5.2.f (JIS X8341-3: 5.2 f) frameset, frame, noframes, iframe, link 1 1) XHTML1.1 (iframe) link 2) frame title HTML title Title 28

30 3) HTML frameset src 4) noframes noframes noframes 29

31 5.2.g (JIS X8341-3: 5.2 g) Web 1) 2) 3) 30

32 a OS tablindex accesskey onclick ondblclick onmousedown onmouseup onmouseover onmouseout ondragdrop onchange 5.2 a 5.3 f 5.4 a 5.4 b 5.4 e Script Project UDON 1) tabindex Tab tabindex Tab < tabindex=n> Tab tabindex 31

33 accesskey Windows (F) F < accesskey="t"> T OS Enter 2) JavaScript onclick ondblclick onmousedown onmouseup onmouseover onmouseout ondragdrop onchange onmouseover 1 14 (<input type= button >) onclick JavaScript 1 15 (<select>) onchange JavaScript 3) HTML Macromedia Flash Adobe PDF Flash MX 2004 Tab Acrobat 6.0 Adobe Reader 6.0 keyword 32

34 5.3 b b 6,7,9,10,12,13, label fieldset legend 5.3 c ( ) 5.3 b 5,8,11 The Web KANZAKI 1) label <label for="uname"> </label><br /> <input type="text" name="username" id="uname" /> 2) fieldset legend 33

35 JIS b) ± ) - XForms 1.0 Appendices E Input Modes XForms 4) ( ) (3) 5) 6) ( ) 7) keyword 34

36 5.3 JIS X : c 5.3 d, 1) 2) 5.3 d keyword 35

37 5.3 JIS X : d 5.3 c 5.3 c (1) (2) 1) 1 2) 3) 4) Fax keyword 36

38 5.3 JIS X : e a area (1) (2) URL 1), a area target _blank _new 2) ( ) JIS 5.3e 2. 3) 37

39 15 4) URL WCAG 0 5) keyword 38

40 5.3 JIS X : f 5.2 a 1) 2) [ ] alt 3) keyword 39

41 5.3 JIS X : g b 1) 2) 3) 4) 5) click here! 6) 7) visited 8) ( ) ( ) 9) 40

42 10) ( ) 11) 12) keyword 41

43 5.3 JIS X : h 5.3 f 1) 1 gif gif alt="" ) 42

44 3) keyword 43

45 5.3 JIS X : i 5.3e, 5.4b 1) [ ] [ ] 2) [ ] ( ) 3) 4) 5) 44

46 6) 7) keyword a ( JIS X8341-3:5.4 a) img Web 2 45

47 (1) img alt (2) alt alt= W3C (X)HTML img alt alt alt= 1) img alt 1 img alt <img src= image.gif width= 250 height= 100 alt= > 2) alt alt= alt alt="" 1 img alt alt="" GIF <img src= spacer.gif width= 1 height= 10 alt= > 3) 1 alt alt="" <img src= picture.gif width= 300 height= 150 alt= > <p> </p> 4) 1 img alt <img src= graph.gif width= 250 height= 200 alt= 10 > <table> <caption> </caption> <tr> <th></th> 5) 46

48 alt longdesc longdesc 1 img longdesc URL longdesc <img src= diagram.gif width= 250 height= 200 alt= longdesc= detail.html > <a href= detail.html > </a> keyword alt longdesc 5.4 JIS X : b ( JIS X8341-3:5.4 b) img, area, input img alt URI a href 47

1) img alt 1 img alt <a href= about.html > <img src= image.gif width= 150 height= 25 alt= > </a> 2) alt alt= alt alt="" 1 img alt alt="" <a href= about.html > <img src= image.gif width= 200 height= 50 alt= > </a><br> <a href= about.

49 1) img alt 1 img alt <a href= about.html > <img src= image.gif width= 150 height= 25 alt= > </a> 2) alt alt= alt alt="" 1 img alt alt="" <a href= about.html > <img src= image.gif width= 200 height= 50 alt= > </a><br> <a href= about.html> </a> 3) area alt 1 area alt <map name="menu"> <area shape=rect coords=" " alt=" " href="../syokuhin.html"> <area shape=rect coords=" " alt=" " href="../zakka.html"> <area shape=rect coords=" " alt=" " href="../gift.html"> </map> 2 img alt <img src="map.gif" usemap="#menu" alt=" "> 48

50 4) 1 alt <a href="cgi-bin/worldmap/database"> <img src="map.gif" alt=" " ISMAP> </a> <br> <a href="asia.html"> </a> <a href="europe.html"> </a> 5) input alt input alt 1 img alt <input type="image" value=" " src="images/submit.gif" name="submit" alt=" "> keyword alt 5.4 JIS X : c ( JIS X8341-3:5.4 c) PC object 49

51 1) 1 JIS X :2004 P12 keyword 50

52 5.4 JIS X : d object 1) 1 [ ] [ ] 51

53 2) 1 [ ] [ ] 3) 1 E.T. [ ] [ ] [ ] SMIL QuickTime SMIL - PC - Macromedia Flash MX 2004 : 4) 1 E.T. [ ] [ ] [ ] 52

54 keyword 53

55 5.4 JIS X : e ( JIS X8341-3:5.4 e) object, script, a 5.1 b) 1) object object 1 <object classid="java:press.class" width="500" height="500"> <object data="pressure.mpeg" type="video/mpeg"> <object data="pressure.gif" type="image/gif"> As temperature increases, the molecules in the balloon... </object> </object> </object> 2) script noscript script 1 script type="text/javascript"> </script> 54

56 <noscript><a href= altmenu.html > </a></noscript> 3) 1 Adobe Player PDF <a href= > <img src= images/get_adobe_reader.gif width= 88 height= 31 alt= Adobe Reader > </a> 2 Flash Player <a href= <img src= images/get_flash_player.gif width= 88 height= 31 alt= Macromedia Flash Player > </a> 3 Windows Media Player <a href=" <img src=" Download_88x31_static.gif" width="88" height="31" alt="windows Media Player "> </a> 4 QuickTime <a href=" QuickTime </a> keword PDF Flash 55

57 a ( JIS X8341-3:5.5 a) img, color, bgcolor 1) 1 <p class= required > <em> </em></p>.required { color : red } 2) 56

58 1 JIS X :2004 P13 keyword 5.5 JIS X : b ( JIS X8341-3:5.5 b) 57

59 1) 1 2) 1 <img src= maru.gif width= 20 height= 20 alt= > <img src= batsu.gif width= 20 height= 20 alt= > 3) keyword 58

60 5.5.c 5.2.b 5.5.a 2 WCAG 2.0 " 1 RGB YIQ Y RBG YIQ 59

61 ( ) W3C ( ) W3C ) html OS a 60

62 5.1.a 5.2.b 5.1 a) 5.2 b) 61

63 HTML CSS CSS em "% 1) font font font basefont basefont basefont font 62

64 <ul> <li><font size="-2"> (<font size="-2"> )</li> <li><font size="-1"> (<font size="-1"> )</li> <li> </li> <li><font size="+1"> (<font size="+1"> )</li> <li><font size="+2"> (<font size="+2"> )</li> <li><font size="+3"> (<font size="+3"> )</li> <li><font size="+4"> (<font size="+4"> )</li> </ul> 2) font-size font xx-small x-small small medium large x-large xx-large CSS medium CSS1 1.5 CSS2 1.2 xx-small x-small 12pt 20px font-size: 150%; em font-size: 2em; 2 4 pt( ) mm cm pc in px ex x lager smaller font-size: lager; font-size: smaller; 63

65 medium lager large smaller small x-small small medium large x-large xx-small xx-large smaller larger smaller % em pt mm cm pc in px 64

66 <p> <span style="font-size:xx-small"> xx-small</span><br> <span style="font-size:x-small"> x-small</span><br> <span style="font-size:small"> small</span><br> <span style="font-size:medium"> medium</span><br> <span style="font-size:large"> large</span><br> <span style="font-size:x-large"> x-large</span><br> <span style="font-size:xx-large"> xx-large</span><br> <span style="font-size:75%"> 75%</span><br> <span style="font-size:100%"> 100%</span><br> <span style="font-size:150%"> 150%</span><br> <span style="font-size:2em"> 2em</span><br> <span style="font-size:3em"> 3em</span><br> </p> 3 font font 5.6 b) font-family: MS P,Osaka,sans-serif; 4 65

67 b 5.6 a) 1) font-size xx-small x-small 0.8em 80% 2) MS MS P Osaka sans-serif 3) font-style font-stretch font-size-adjust font-weight line-height text-decoration letter-spacing word-spacing text-shadow 66

68 c appendix 1) 2) 3) 4) 5) OS 67

69 a (JIS X8341-3: 5.7 a) Web bgsound, object, embed 5.4 c 1) 68

70 2) <img src= aotosound.gif alt= > <img src= aotosound.gif alt= > 3) bgsound object embed bgsound Internet Explorer Internet Explorer bgsound object object object embed 1) Windows Media Player <object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" > <param name="filename" value="sound.mid"> <embed src="sound.mid"> <noembed> Windows Media Player <br> <br> <a href="sound.mid"> (sound.mid)</a><br> </noembed> </object> 2) Real Player <object classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" 69

71 height=300 width=300> <param name ="src" value="sound.rm"> <embed src="sound.rm" height=300 width=300> <noembed> Real Player <br> <br> <a href="sound.mid"> (sound.mid)</a><br> </noembed> </object> 4) 1) Windows Media Player <object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" > <param name="autostart" value="false"> <param name="filename" value="sound.mid"> <param name="loop" value="false"> <embed src="sound.mid" autostart="false" hidden="false" loop="false"> <noembed> Windows Media Player <br> <br> <a href="sound.mid"> (sound.mid)</a><br> </noembed> </object> 2) Real Player <object classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" height=300 width=300> <param name ="src" value="sound.rm"> <embed src="sound.rm" height=300 width=300> <noembed> Real Player <br> <br> <a href="sound.mid"> (sound.mid)</a><br> </noembed> 70

72 </object> <object classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" height=300 width=300> <param name ="src" value="sound.rm "> < param name ="autostart" value="flase"> < param name ="loop" value="false"> <embed src="sound.rm" autostart="false" loop="false" height="300" width=300> <noembed> Real Player <br> <br> <a href="sound.rm"> (sound.rm)</a><br> </noembed> </object> 71

73 5.7.b (JIS X8341-3: 5.7 b) bgsound, object, embed, 5.1 b 5.4 c 5.4 e object embed 1) bgsound object embed bgsound Internet Explorer Internet Explorer bgsound object object object embed 2) Web 3) 1) Windows Media Player 72

74 <object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" > <param name="autostart" value="false"> <param name="filename" value="sound.mid"> <param name="loop" value="false"> <param name=" " value="false"> <param name="hidden" value="false"> <embed src="sound.mid" autostart="false" hidden="false" loop="false"> <noembed> Windows Media Player <br> <br> <a href="sound.mid"> (sound.mid)</a><br> </noembed> </object> 2) Windows Media Player JavaScript <script type ="text/javascript"> function Play(){ MediaPlayer.play(); } function Stop(){ MediaPlayer.stop(); } </script> <object id="mediaplayer" classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" > <param name="autostart" value="true"> <param name="filename" value="sound.mid"> <param name="loop" value="false"> <param name="hidden" value="false"> <embed src="kid1.mid" autostart="false" hidden="true" loop="false"> <noembed> Windows Media Player <br> <br> <a href="sound.mid"> (sound.mid)</a><br> </noembed> </object> <a href="javascript:play()"> </A><br> 73

<a href="javascript:stop()"> </A><br> 3) Real Player <object classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" height=300 width=300> < param name ="src" value="sound rm"> < param name ="autostart"

75 <a href="javascript:stop()"> </A><br> 3) Real Player <object classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" height=300 width=300> < param name ="src" value="sound rm"> < param name ="autostart" value="flase"> < param name ="loop" value="false"> <embed src="sound.rm" autostart="false" loop="false" HEIGHT="300" WIDTH=300> < param name ="controls" value="all"> <noembed> Real Player <br> <br> <a href="sound.mid"> (sound.rm)</a><br> </noembed> </object> 74

76 a ( JIS X8341-3:5.8 a) img, object marquee blink W3C 1) 1 2) 1 75

77 3) 1 3 keyword 76

78 5.8 JIS X : b ( JIS X8341-3:5.8 b) 20 Hz 1 20 img object 1 2 W3C ITC Guidance Note for Licensees on Flashing Images and Regular Patterns in Television WCAG 2.0 1) 1 2 W3C WCAG (Hz)

79 2) /4 W3C WCAG 2.0 a) 1 JIS X :2004 P17 3) 1 JIS X :2004 P17 keyword a ( JIS X8341-3:5.9 a) 78

80 html span 1) lang 2) lang 3) HTTP Content-Language 4) HTML html 1) HTML html lang 1 <html lang= ja > 2) XHTML1.0 lang xml:lang 1 <html lang= ja xml:lang= ja > 3) XHTML1.1 xml:lang 1 <html xml:lang= ja > 4) HTTP Content-Language 5) HTML span lang 1 <span lang= en > English section of the document</span> 79

81 5.9.b ( JIS X8341-3:5.9 b) 1) 1 <span lang= en >foreign language </span>( ) 2) 5.9 c ( JIS X8341-3:5.9 c) 80

82 abbr acronym th td 1) abbr acronym 1 <abbr title="japanese Standards Association ">JSA</abbr> XHTML OK 2) table abbr abbr th td 1 <th abbr= JSA# > </th> XHTML OK 3) 1 <p><a name="return_netjunky" href="#netjunky"> </a> </p> <a name= netjunky > <a> <a href= #return_netjunky > </a> HTML1.1 name id 4)

83 5.9 d " ( JIS X8341-3:5.9 d) ruby 1) XHTML1.? ruby Ruby Annotation W3C Recommendation 31 May ( ) <ruby xml:lang="ja"> <rbc> <rb> </rb> <rb> </rb> <rb> </rb> <rb> </rb> </rbc> <rtc class="reading"> <rt> </rt> <rt> </rt> <rt> </rt> <rt> </rt> </rtc> <rtc class="annotation"> <rt rbspan="4" xml:lang="en">w3c Associate Chairman</rt> </rtc> </ruby> 82

84 ruby HTML ruby 2 2) HTML e ( JIS X8341-3:5.9 e) br br 1) 2 2) alt 5.9.f ( JIS X8341-3:5.9 f) 83

85 img object 1) 2 84

86 6. 1 JavaScript Java Flash PDF JIS X :6.1 85

87 , alt CMS (Content Management System) HTML 86

88 87

89 6.2 JIS X :6.2 (1) (2) (3) 88

90 6.3 JIS X :6.3 ( HTML ) (1) (2) (3) β 1. ( ) 2. / (1) WebInspector Web Accessibility Toolbar adesigner IBM LIFT for Macromedia Dreamweaver 89

91 ASP alt HTML HTML ( Another HTML-lint ) (2) Tab 3. Enter alt 1. alt Microsoft Windows [ ] [ ] [ ] [ ] 6.4 JIS X :6.4 90

92 6.5 JIS X :6.5 91

93 html body head h1 h6 title p 7.3 ol ul dl/dd/dt li 7.4 div span abbr acronym address code cite dir em small big hr ins del kbd q dfn blockquote sub sup em strong 92

94 7.5 b basefont font i u tt br center pre 7.6 a link 7.7 form input textarea option optgroup button select label legend 7.8 table tr th td caption tbody thead tfoot 7.9 frame noframes 93

95 7.10 img map area 7.11 applet object 7.12 style Appendix 1 Macromedia Flash Appendix 2 Adobe PDF html4.01 elements list 94

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID 10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/