html evolution
TRANSCRIPT
![Page 1: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/1.jpg)
ODS HTML Evolution: HTML that Scrolls, Panels, Floats, Reads, and Integrates
Eric Gebhart
![Page 2: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/2.jpg)
![Page 3: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/3.jpg)
![Page 4: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/4.jpg)
![Page 5: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/5.jpg)
![Page 6: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/6.jpg)
![Page 7: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/7.jpg)
ods html3
file = "exampleb.html" frame = "example.html" contents = "examplec.html" pages = "examplep.html";
ods html close;
![Page 8: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/8.jpg)
ods html3
file = "exampleb.html" frame = "example.html" contents = "examplec.html" pages = "examplep.html";
proc print data=sashelp.class;run;
proc standard print data=sashelp.class;run;
proc report data=sashelp.class;run;
ods html close;
![Page 9: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/9.jpg)
![Page 10: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/10.jpg)
==============================================================================The tagsets.HTML4 Tagset Help Text. This Tagset/Destination creates output in HTML format. ============================================================================== These are the options supported by this tagset. Sample usage: ods html options(doc='Quick'); ods html options(header_dots='yes' summary_byvars='yes'); Doc: No default value. Help: Displays introductory text and options. Quick: Displays available options. header_data_associations: Default Value 'no' Associates data cells and header cells by adding an ID attribute to each header cell and listing the IDs of associated headers in a HEADERS attribute added to each data cell. (PROC REPORT only) header_dots: Default Value 'no' Puts hidden dots before the text in all table headers summary_as_caption: Default Value 'no' Causes a table caption to be created from the table summary. summary_byvars: Default Value 'no' Adds a list of by variable names to the table summary summary_byvals: Default Value 'no' Add the values of the by variables along with the names in the table summary This works with summary byvars but not without. summary: Default Value '' Text for the table summary summary_prefix: Default Value '' Text to place at the beginning of table summary summary_suffix: Default Value '' Text to place at the end of table summary page_break: Default Value 'yes' If yes, the usual pagebreak style attribute will be used to create what becomes the page separator. Usually that is an HR line. If No, then no pagebreak will be output. If anything else, the value given will be output as the pagebreak. css_table: Default Value 'no' If yes, the table tags will not have any style attributes but will rely entirely on the table style defined in the stylesheet. This may create undesirable table rendering in some browsers. percentage_font_size: Default Value 'no' If yes, titles and footnotes will allow font sizes to be specified as a percentage of the font size. ==============================================================================
Getting Help
![Page 11: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/11.jpg)
==============================================================================The tagsets.HTML4 Tagset Help Text. This Tagset/Destination creates output in HTML format. ============================================================================== These are the options supported by this tagset. Sample usage: ods html options(doc='Quick'); ods html options(header_dots='yes' summary_byvars='yes'); Doc: No default value. Help: Displays introductory text and options. Quick: Displays available options. header_data_associations: Default Value 'no' Associates data cells and header cells by adding an ID attribute to each header cell and listing the IDs of associated headers in a HEADERS attribute added to each data cell. (PROC REPORT only) header_dots: Default Value 'no' Puts hidden dots before the text in all table headers summary_as_caption: Default Value 'no' Causes a table caption to be created from the table summary. summary_byvars: Default Value 'no' Adds a list of by variable names to the table summary summary_byvals: Default Value 'no' Add the values of the by variables along with the names in the table summary This works with summary byvars but not without. summary: Default Value '' Text for the table summary summary_prefix: Default Value '' Text to place at the beginning of table summary summary_suffix: Default Value '' Text to place at the end of table summary page_break: Default Value 'yes' If yes, the usual pagebreak style attribute will be used to create what becomes the page separator. Usually that is an HR line. If No, then no pagebreak will be output. If anything else, the value given will be output as the pagebreak. css_table: Default Value 'no' If yes, the table tags will not have any style attributes but will rely entirely on the table style defined in the stylesheet. This may create undesirable table rendering in some browsers. percentage_font_size: Default Value 'no' If yes, titles and footnotes will allow font sizes to be specified as a percentage of the font size. ==============================================================================
ods html file="t1.html"
options(doc='help');
ods html close;
Getting Help
![Page 12: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/12.jpg)
==============================================================================The tagsets.HTML4 Tagset Help Text. This Tagset/Destination creates output in HTML format. ============================================================================== These are the options supported by this tagset. Sample usage: ods html options(doc='Quick'); ods html options(header_dots='yes' summary_byvars='yes'); Doc: No default value. Help: Displays introductory text and options. Quick: Displays available options. header_data_associations: Default Value 'no' Associates data cells and header cells by adding an ID attribute to each header cell and listing the IDs of associated headers in a HEADERS attribute added to each data cell. (PROC REPORT only) header_dots: Default Value 'no' Puts hidden dots before the text in all table headers summary_as_caption: Default Value 'no' Causes a table caption to be created from the table summary. summary_byvars: Default Value 'no' Adds a list of by variable names to the table summary summary_byvals: Default Value 'no' Add the values of the by variables along with the names in the table summary This works with summary byvars but not without. summary: Default Value '' Text for the table summary summary_prefix: Default Value '' Text to place at the beginning of table summary summary_suffix: Default Value '' Text to place at the end of table summary page_break: Default Value 'yes' If yes, the usual pagebreak style attribute will be used to create what becomes the page separator. Usually that is an HR line. If No, then no pagebreak will be output. If anything else, the value given will be output as the pagebreak. css_table: Default Value 'no' If yes, the table tags will not have any style attributes but will rely entirely on the table style defined in the stylesheet. This may create undesirable table rendering in some browsers. percentage_font_size: Default Value 'no' If yes, titles and footnotes will allow font sizes to be specified as a percentage of the font size. ==============================================================================
ods html file="t1.html"
options(doc='help');
ods html close;
Getting Help
![Page 13: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/13.jpg)
![Page 14: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/14.jpg)
Getting Help
![Page 15: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/15.jpg)
ods html file="t1.html"
options(doc='help');
ods html close;
Getting Help
![Page 16: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/16.jpg)
ods html file="t1.html"
options(doc='help');
ods html close;
Getting Help
![Page 17: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/17.jpg)
![Page 18: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/18.jpg)
ods html file="example2.html" style=seaside
options(body_toc='yes');
ods html close;
![Page 19: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/19.jpg)
ods html file="example2.html" style=seaside
options(body_toc='yes');
proc print data=sashelp.class;run;
proc standard print data=sashelp.class;run;
proc report data=sashelp.class;run;
ods html close;
![Page 20: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/20.jpg)
![Page 21: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/21.jpg)
ods html file="example3.html"
options(body_toc = 'yes' toc_type = 'menu');
![Page 22: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/22.jpg)
![Page 23: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/23.jpg)
![Page 24: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/24.jpg)
ods html file="example4.html" style=Journal
![Page 25: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/25.jpg)
options( body_toc = 'yes' toc_type = 'menu'
ods html file="example4.html" style=Journal
);
![Page 26: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/26.jpg)
options( body_toc = 'yes' toc_type = 'menu'
ods html file="example4.html" style=Journal
scroll_tables = 'yes' );
![Page 27: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/27.jpg)
![Page 28: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/28.jpg)
ods html file="example5.html" style=Journal
![Page 29: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/29.jpg)
options( body_toc = 'yes' toc_type = 'menu'
ods html file="example5.html" style=Journal
scroll_tables = 'yes' );
![Page 30: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/30.jpg)
options( body_toc = 'yes' toc_type = 'menu'
ods html file="example5.html" style=Journal
scroll_control_images = 'yes'scroll_tables = 'yes'
);
![Page 31: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/31.jpg)
![Page 32: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/32.jpg)
file:///Users/eric/pp/HTML_evolution/example5.html
URL Scroll Size
![Page 33: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/33.jpg)
file:///Users/eric/pp/HTML_evolution/example5.html?batch_size=5';
URL Scroll Size
![Page 34: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/34.jpg)
![Page 35: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/35.jpg)
![Page 36: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/36.jpg)
htmlods file="example6.html" style=Seaside
![Page 37: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/37.jpg)
tagsets.html4
options( body_toc = 'yes' toc_type = 'menu'
ods
scroll_control_images = 'yes'scroll_tables = 'yes'
);
file="example6.html" style=Seaside
![Page 38: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/38.jpg)
tagsets.html4
options( body_toc = 'yes' toc_type = 'menu'
ods
scroll_control_images = 'yes'scroll_tables = 'yes'
);panelling='yes'
file="example6.html" style=Seaside
![Page 39: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/39.jpg)
![Page 40: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/40.jpg)
proc print data=sashelp.class;run;
proc standard print data=sashelp.class;run;
proc report data=sashelp.class nowd;run;
![Page 41: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/41.jpg)
proc print data=sashelp.class;run;
proc standard print data=sashelp.class;run;
proc report data=sashelp.class nowd;run;
ods tagsets.html4 event=panel(start);
ods tagsets.html4 event=panel(finish);
![Page 42: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/42.jpg)
![Page 43: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/43.jpg)
tagsets.html4ods file="example6.html" style=Seaside
![Page 44: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/44.jpg)
tagsets.html4
options( body_toc = 'yes' toc_type = 'menu'
ods
scroll_control_images = 'yes'scroll_tables = 'yes'
);panelling='yes'
file="example6.html" style=Seaside
![Page 45: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/45.jpg)
tagsets.html4
options( body_toc = 'yes' toc_type = 'menu'
ods
scroll_control_images = 'yes'scroll_tables = 'yes'
);
panelling='yes'
file="example6.html" style=Seaside
panelColumns='3'
![Page 46: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/46.jpg)
![Page 47: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/47.jpg)
options(
tagsets.html4ods file="example10.html" style=Seaside
![Page 48: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/48.jpg)
scroll_control_images = 'yes'
options(
tagsets.html4
body_toc = 'yes'toc_type = 'menu'
ods
scroll_tables = 'yes'
);panelling='yes'
file="example10.html" style=Seaside
![Page 49: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/49.jpg)
scroll_control_images = 'yes'
options(
tagsets.html4
body_toc = 'yes'toc_type = 'menu'
ods
scroll_tables = 'yes'
);panelling='yes'
file="example10.html" style=Seaside
(notop)
stylesheet="example10.css"
![Page 50: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/50.jpg)
scroll_control_images = 'yes'
options(
tagsets.html4ods
scroll_tables = 'yes'
);
panelling='yes'
file="example10.html" style=Seaside
(notop)
stylesheet="example10.css"
head_file='default_head.html'foot_file='default_foot.html'
![Page 51: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/51.jpg)
![Page 52: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/52.jpg)
![Page 53: Html evolution](https://reader035.vdocument.in/reader035/viewer/2022062710/55a78a9b1a28ab2b6e8b45aa/html5/thumbnails/53.jpg)
Eric GebhartAsheville, NCE-mail: [email protected]: http://EricGebhart.com