CS 187SL Science Gateway Seminar I
Examples
Fall 2017
Dr. Wei Ding
CodePen
- Code Pen
JavaScript
- A simple JavaScript example
- Dialogs
- Variables
- Operators
- Functions
- Conditional Statements
- Looping
- Form Object
- Computing Loan payments with JavaScript
Another version with the JavaScript file (loan_calcuation.js) included:
Computing Loan payments with JavaScript
CSS
- Style Sheet Demo
CSS ZEN Garden: The Beauty in CSS
Design
- A simple CSS example
- External Style Sheets
(css_blueBoldH3.css, css_redItalicH2.css)
- Internal Style Sheets
- A simple CSS <span> example
- A simple CSS <div> example
- The class attribute
(paragraph.css)
- Style pseudo-classes
(pseudoClasses.css))
- CSS Lists
- CSS Backrounds
- CSS Text
- CSS Fonts
- CSS Borders, Margin, and Padding
- CSS Positioning
HTML 5
- An HTML5 example
- HTML5 section Element
- HTML5 article Element
- HTML5 nav Element
- HTML5 aside Element
- HTML5 header Element
- HTML5 footer Element
- HTML5 figure and figcaption Elements
- HTML canvas tag
- Canvas Text
- Canvas Images
- HTML5 Drag and Drop Example
- Coding an HTML 5 Layout from Scratch
XHTML
- XHTML 1.0 Strict Template: xhtml_template.html
XML
-
A simple XML example: note.xml,
an XML document example.
-
An XML document with an internal or
external DTD (note.dtd),
an XML
validator.
-
A raw XML file
Same file styles with an XSL stylesheet
The XSL stylesheet
-
XML parser
HTML
To find out the source code of HTML files, first let the browser display the page
you want to view, then simply click on the VIEW option of your browser toolbar
and then select SOURCE (for IE) or PAGE SOURCE (for Mozilla
Firefox).
- A simple bare-bone HTML document
- Basic HTML Tags
-
HTML Links
-
Set a link from document A to a specific
section in another document
-
Links to specific sections within the
current
document
-
Lists
-
An Inline
Frame
-
Character
Entities
-
Tables
-
An HTML Form
© Wei Ding, 2017, all rights reserved. This document is made
available for use by the students of CS 187SL at the
University of Massachusetts Boston. Copying, distribution or
other use of this document without express permission of the
author is forbidden. You may create links to pages in this web
site, but may not copy all or part of the text without
permission of the author.