blob: fbafdfac689a71e2608f27a3dca27a0bb7927151 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
|
---
title: XUL controls
slug: Mozilla/Tech/XUL/XUL_controls
tags:
- XUL
translation_of: Archive/Mozilla/XUL/XUL_controls
---
<p>아래의 표는 <a href="/ko/XUL" title="ko/XUL">XUL</a>에서 제공하는 사용자 인터페이스 컨트롤들의 목록입니다. 컨트롤들의 단계별 사용 방법은 <a href="/ko/XUL_Tutorial" title="ko/XUL_Tutorial">XUL Tutorial</a>을, 레퍼런스 정보는 <a href="/ko/XUL_Reference" title="ko/XUL_Reference">XUL Reference</a>를 참고하세요.</p>
<table class="standard-table">
<tbody>
<tr>
<td><strong><button></strong>
<p>사용자가 누를 수 있는 버튼.</p>
<pre>
<button label="Save" accesskey="S"/>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Adding_Buttons" title="ko/XUL_Tutorial/Adding_Buttons">버튼 요소에 대한 좀더 많은 정보</a>.</li>
<li><a href="/ko/XUL/button" title="ko/XUL/button">버튼 레퍼런스</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><button type="menu"></strong>
<p>드롭다운 메뉴가 붙은 버튼. 버튼을 누르면 메뉴가 열립니다.</p>
<pre>
<button type="menu" label="View">
<menupopup>
<menuitem label="List"/>
<menuitem label="Details"/>
</menupopup>
</button>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/More_Button_Features#Button_with_menupopup" title="ko/XUL_Tutorial/More_Button_Features#Button_with_menupopup">메뉴 버튼 요소의 유형에 대한 좀더 많은 정보</a>.</li>
<li><a href="/ko/XUL/button" title="ko/XUL/button">버튼 레퍼런스</a></li>
<li>관련 요소: <code><a href="/ko/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><button type="menu-button"></strong>
<p>메뉴가 붙은 별도의 화살표 버튼이 있는 버튼. '<code>menu</code>' 유형과 달리 버튼의 메인 부분을 눌렀을 때 다른 행위를 수행할 수 있습니다.</p>
<pre>
<button type="menu-button" label="New">
<menupopup>
<menuitem label="New Document"/>
<menuitem label="New Image"/>
</menupopup>
</button>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/More_Button_Features#Button_with_menupopup" title="ko/XUL_Tutorial/More_Button_Features#Button_with_menupopup">메뉴 버튼 요소의 유형에 대한 좀더 많은 정보</a>.</li>
<li><a href="/ko/XUL/button" title="ko/XUL/button">버튼 레퍼런스</a></li>
<li>관련 요소: <code><a href="/ko/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code></li>
</ul>
</td>
<td><span class="comment"><a href="/ko/Image/Controlsguide-button-menubutton.png">Image:Controlsguide-button-menubutton.png</a></span></td>
</tr>
<tr>
<td><strong><checkbox></strong>
<p>켜거나 끌 수 있는 컨트롤로, 일반적으로 가능 혹은 불가능할 수 있는 옵션을 만드는데 사용됩니다.</p>
<pre>
<checkbox label="Show Toolbar Labels" checked="true"/>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Elements" title="ko/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Elements">체크박스 요소에 대한 좀더 많은 정보</a>.</li>
<li><a href="/ko/XUL/checkbox" title="ko/XUL/checkbox">체크박스 레퍼런스</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><colorpicker></strong>
<p>색을 선택하는데 사용하는 컨트롤.</p>
<pre>
<colorpicker color="#FF0000"/>
</pre>
<ul>
<li><a href="/ko/XUL/colorpicker" title="ko/XUL/colorpicker">색선택기(colorpicker) 레퍼런스</a></li>
</ul>
</td>
<td><span class="comment"><a href="/ko/Image/Controlsguide-colorpicker.png">Image:Controlsguide-colorpicker.png</a></span></td>
</tr>
<tr>
<td><strong><colorpicker type="button"></strong>
<p>버튼만 있는 특수한 색 선택기로, 버튼이 눌려지면 색을 선택할 수 있는 팝업이 출력됩니다.</p>
<pre>
<colorpicker type="button" color="#CC0080"/>
</pre>
<ul>
<li><a href="/ko/XUL/colorpicker" title="ko/XUL/colorpicker">색선택기(colorpicker) 레퍼런스</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><datepicker></strong>
<p>날짜 입력에 사용할 수 있는 텍스트박스 집합.</p>
<pre>
<datepicker value="2007/03/26"/>
</pre>
<ul>
<li><a href="/ko/XUL/datepicker" title="ko/XUL/datepicker">날짜선택기(datepicker) 레퍼런스</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><datepicker type="grid"></strong>
<p>날짜를 선택할 수 있는 달력이 출력되는 형태의 날짜선택기(datepicker).</p>
<pre>
<datepicker type="grid" value="2007/02/20"/>
</pre>
<ul>
<li><a href="/ko/XUL/datepicker" title="ko/XUL/datepicker">날짜선택기(datepicker) 레퍼런스</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><datepicker type="popup" ></strong>
<p>날짜를 입력할 수 있는 텍스트박스와 함께 달력 팝업을 출력할 수 있는 버튼이 같이 있는 날짜 선택기.</p>
<pre>
<datepicker type="popup" value="2008/08/24"/>
</pre>
<ul>
<li><a href="/ko/XUL/datepicker" title="ko/XUL/datepicker">날짜선택기(datepicker) 레퍼런스</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><description></strong>
<p>긴 문장의 텍스트를 출력하는데 사용되는 요소</p>
<pre>
<description>
Select a time for the event to start
</description>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Adding_Labels_and_Images#Description_Element" title="ko/XUL_Tutorial/Adding_Labels_and_Images#Description_Element">description 요소에 대한 자세한 정보</a>.</li>
<li><a href="/ko/XUL/description" title="ko/XUL/description">description 레퍼런스</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><groupbox></strong>
<p>다른 사용자 인터페이스 컨트롤들을 포함하는 제목이 있는 상자 요소</p>
<pre>
<groupbox>
<caption label="Network"/>
</groupbox>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Groupboxes" title="ko/XUL_Tutorial/Groupboxes">groupbox 요소에 대한 자세한 정보</a>.</li>
<li><a href="/ko/XUL/groupbox" title="ko/XUL/groupbox">Groupbox 레퍼런스</a></li>
<li>관련 요소: <code><a href="/ko/docs/Mozilla/Tech/XUL/caption" title="caption">caption</a></code></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><image></strong>
<p>URL로 지정한 이미지</p>
<pre>
<image src="start.png"/>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Adding_Labels_and_Images#Images" title="ko/XUL_Tutorial/Adding_Labels_and_Images#Images">image 요소에 대한 자세한 정보</a>.</li>
<li><a href="/ko/XUL/image" title="ko/XUL/image">Image 레퍼런스</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><label></strong>
<p>label은 특정 컨트롤의 제목을 출력하기 위해 사용됩니다.</p>
<pre>
<label control="volume" value="Volume:"/>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Adding_Labels_and_Images#Label_Element" title="ko/XUL_Tutorial/Adding_Labels_and_Images#Label_Element">label 요소에 대한 자세한 정보</a>.</li>
<li><a href="/ko/XUL/label" title="ko/XUL/label">Label 레퍼런스</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><listbox></strong>
<p>listbox는 라벨이 달린 항목 중 하나를 선택하는데 사용됩니다.</p>
<pre>
<listbox>
<listitem label="Chocolate"/>
<listitem label="Jelly Beans"/>
</listbox>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/List_Controls#List_Boxes" title="ko/XUL_Tutorial/List_Controls#List_Boxes">listbox 요소에 대한 자세한 정보</a>.</li>
<li><a href="/ko/XUL/listbox" title="ko/XUL/listbox">Listbox 레퍼런스</a></li>
<li>관련 요소: <code><a href="/ko/docs/Mozilla/Tech/XUL/listcell" title="listcell">listcell</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/listcols" title="listcols">listcols</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/listcol" title="listcol">listcol</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/listhead" title="listhead">listhead</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/listheader" title="listheader">listheader</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/listitem" title="listitem">listitem</a></code></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><menulist></strong>
<p>A menulist (or combobox) is used to create a control with a drop down to select a value.</p>
<pre>
<menulist>
<menupopup>
<menulist label="Lions" value="l"/>
<menuitem label="Tigers" value="t"/>
<menuitem label="Bears" value="b"/>
</menupopup>
</menulist>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/List_Controls#Drop-down_Lists" title="ko/XUL_Tutorial/List_Controls#Drop-down_Lists">More information about the menulist element</a>.</li>
<li><a href="/ko/XUL/menulist" title="ko/XUL/menulist">Menulist Reference</a></li>
<li>Related Elements: <code><a href="/ko/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><menulist editable="true"></strong>
<p>An editable menulist is like a standard menulist except that the selected value is displayed in a textbox where it may be modified directly or values not in the popup list may be entered.</p>
<pre>
<menulist editable="true">
<menupopup>
<menuitem label="Elephants" value="Elephants"/>
<menuitem label="Kangaroos" value="Kangaroos"/>
<menuitem label="Bats" value="Bats"/>
</menupopup>
</menulist>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/List_Controls#Editable_menulist" title="ko/XUL_Tutorial/List_Controls#Editable_menulist">More information about the editable menulist element</a>.</li>
<li><a href="/ko/XUL/menulist" title="ko/XUL/menulist">Menulist Reference</a></li>
<li>Related Elements: <code><a href="/ko/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><progressmeter></strong>
<p>A progress meter is used to display the progress of a lengthy task.</p>
<pre>
<progressmeter value="40"/>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Progress_Meters" title="ko/XUL_Tutorial/Progress_Meters">More information about the progressmeter element</a>.</li>
<li><a href="/ko/XUL/progressmeter" title="ko/XUL/progressmeter">Progressmeter Reference</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><radio></strong>
<p>A radio button is used when only one of a set of options may be selected at a time.</p>
<pre>
<radiogroup>
<radio label="Light" value="light"/>
<radio label="Heavy" value="heavy"/>
</radiogroup>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Buttons" title="ko/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Buttons">More information about the radio element</a>.</li>
<li><a href="/ko/XUL/radio" title="ko/XUL/radio">Radio Reference</a></li>
<li>Related Elements: <code><a href="/ko/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><richlistbox></strong>
<p>The richlistbox displays a list of items where one or more may selected. Unlike the listbox which is designed to display only text, the richlistbox may display any type of content.</p>
<pre>
<richlistbox>
<richlistitem>
<image src="happy.png"/>
</richlistitem>
<richlistitem>
<image src="sad.png"/>
</richlistitem>
<richlistitem>
<image src="angry.png"/>
</richlistitem>
</richlistbox>
</pre>
<ul>
<li><a href="/ko/XUL/richlistbox" title="ko/XUL/richlistbox">Richlistbox Reference</a></li>
<li>Related Elements: <code><a href="/ko/docs/Mozilla/Tech/XUL/richlistitem" title="richlistitem">richlistitem</a></code></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><scale></strong>
<p>A scale displays a bar with a thumb that may be slid across the bar to select between a range of values.</p>
<pre>
<scale min="1" max="10"/>
</pre>
<ul>
<li><a href="/ko/XUL/scale" title="ko/XUL/scale">Scale Reference</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><textbox></strong>
<p>A textbox which allows a single line of text to be entered.</p>
<pre>
<textbox value="firefox"/>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Input_Controls#Text_Entry_Fields" title="ko/XUL_Tutorial/Input_Controls#Text_Entry_Fields">More information about the textbox element</a>.</li>
<li><a href="/ko/XUL/textbox" title="ko/XUL/textbox">Textbox Reference</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><textbox multiline="true"></strong>
<p>A textbox which allows multiple lines of text to be entered.</p>
<pre>
<textbox multiline="true"/>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Input_Controls#Multiline_textbox" title="ko/XUL_Tutorial/Input_Controls#Multiline_textbox">More information about the multiple line textbox element</a>.</li>
<li><a href="/ko/XUL/textbox" title="ko/XUL/textbox">Textbox Reference</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><textbox type="autocomplete"></strong>
<p>A textbox which provides a dropdown showing matches that would complete what the user types. The user can select one to have it filled into the textbox.</p>
<pre>
<textbox type="autocomplete" autocompletesearch="history"/>
</pre>
<ul>
<li><a href="/ko/XUL/textbox" title="ko/XUL/textbox">Textbox Reference</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><textbox type="number"></strong>
<p>A textbox for entering numbers. Two arrow buttons are displayed for cycling through values.</p>
<pre>
<textbox type="number" min="1" max="20"/>
</pre>
<ul>
<li><a href="/ko/XUL/textbox" title="ko/XUL/textbox">Textbox Reference</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><textbox type="password"></strong>
<p>A textbox that hides the characters typed, used for entering passwords.</p>
<pre>
<textbox type="password"/>
</pre>
<ul>
<li><a href="/ko/XUL/textbox" title="ko/XUL/textbox">Textbox Reference</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><timepicker></strong>
<p>A timepicker displays a set of textboxes for entering a time.</p>
<pre>
<timepicker value="12:05"/>
</pre>
<ul>
<li><a href="/ko/XUL/timepicker" title="ko/XUL/timepicker">Timepicker Reference</a></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><toolbarbutton></strong>
<p>A button that is displayed on a toolbar.</p>
<pre>
<toolbarbutton label="Reload"/>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Toolbars" title="ko/XUL_Tutorial/Toolbars">More information about the toolbarbutton element</a>.</li>
<li><a href="/ko/XUL/toolbarbutton" title="ko/XUL/toolbarbutton">Toolbarbutton Reference</a></li>
<li>Related Elements: <code><a href="/ko/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><toolbarbutton type="menu"></strong>
<p>A button that is displayed on a toolbar with a drop down menu attached to it.</p>
<pre>
<toolbarbutton type="menu" label="Show">
<menupopup>
<menuitem label="Toolbars"/>
<menuitem label="Status Bar"/>
</menupopup>
</toolbarbutton>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Toolbars" title="ko/XUL_Tutorial/Toolbars">More information about this type of menu toolbarbutton element</a>.</li>
<li><a href="/ko/XUL/toolbarbutton" title="ko/XUL/toolbarbutton">Toolbarbutton Reference</a></li>
<li>Related Elements: <code><a href="/ko/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><toolbarbutton type="menu-button"></strong>
<p>A button on a toolbar that that has a separate arrow button with a menu attached to it. Unlike with the 'menu' type, a separate action may be performed when the main part of the button is pressed.</p>
<pre>
<toolbarbutton type="menu-button" label="Open">
<menupopup>
<menuitem label="Open Changed Files"/>
<menuitem label="Open All"/>
</menupopup>
</toolbarbutton>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Toolbars" title="ko/XUL_Tutorial/Toolbars">More information about this type of menu toolbarbutton element</a>.</li>
<li><a href="/ko/XUL/toolbarbutton" title="ko/XUL/toolbarbutton">Toolbarbutton Reference</a></li>
<li>Related Elements: <code><a href="/ko/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/menuitem" title="menuitem">menuitem</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code></li>
</ul>
</td>
<td></td>
</tr>
<tr>
<td><strong><tree></strong>
<p>A tree displays a hierarchy of items in multiple columns.</p>
<pre>
<tree>
<treecols>
<treecol label="Name" flex="1"/>
<treecol label="Size" flex="1"/>
</treecols>
<treechildren>
<treeitem>
<treerow>
<treecell label="Popcorn"/>
<treecell label="Large"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell label="Root Beer"/>
<treecell label="Small"/>
</treerow>
</treeitem>
</treechildren>
</tree>
</pre>
<ul>
<li><a href="/ko/XUL_Tutorial/Trees" title="ko/XUL_Tutorial/Trees">More information about the tree element</a>.</li>
<li><a href="/ko/XUL/tree" title="ko/XUL/tree">Tree Reference</a></li>
<li>Related Elements: <code><a href="/ko/docs/Mozilla/Tech/XUL/treecell" title="treecell">treecell</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/treechildren" title="treechildren">treechildren</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/treecols" title="treecols">treecols</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/treeitem" title="treeitem">treeitem</a></code> <code><a href="/ko/docs/Mozilla/Tech/XUL/treerow" title="treerow">treerow</a></code></li>
</ul>
</td>
<td></td>
</tr>
</tbody>
</table>
|