COP 1830 Examples and Templates

Templates for HTML Files

Because of a weakness in Microsoft Internet Explorer (MSIE), the pages of plain text retrieved by the Source Code links below are misinterpreted as HTML content and rendered rather than being displayed as source code. To view the source code when using MSIE, simply use the View Source choice off the contextual (right-click) menu when viewing the rendered page. Other browsers do not have this issue and will display the source code properly when the links are chosen.

• HTML5 Preamble: Source Code and Rendered Page
• XHTML 1.0 Strict Preamble: Source Code and Rendered Page
• XHTML 1.0 Transitional Preamble: Source Code and Rendered Page
• XHTML 1.0 Frameset Preamble: Source Code and Rendered Page

XHTML Examples

• Sample Home Page in HTML
• Sample Home Page in XHTML
• Lists Examples
• Form Example
• GET Method Form Example that passes data to a PHP script using the GET method
• POST Method Form Example that passes data to a PHP script using the POST method

Notes about Posting Web Pages on a Server

• FTP - File Transfer Protocol
• An Example of Internet File Transfer with FTP

Examples of Cascading Style Sheets

• An External Style Sheet
• A Web Page with an Embedded Style Sheet and Inline Style Attributes
• CSS Zen Garden - A demonstration of what can be accomplished visually through CSS-based design
• [The Cascade] as explained at [Sitepoint]
• [User Agent Style Sheets: Basics and Samples]

Examples of JavaScript Files

Preview the notes about Browser Security Configuration for Scripts

Examples Based on Script Position

• Entirely in the head section
• Function in the head section - Called as an inline element in the body
• Function in the Head Section - Called by an event in the body
• Javascript in an external .js file

Other Examples

• HTML5 Script Skeleton
• JavaScript event handlers to change object properties
• JavaScript used to validate form elements
• JavaScript used with form input and output