6 Ways to Combine HTML + CSS + JS to Create HTML pages

Here are 6 ways in which these technologies are combined to create Web pages.

1. Page Mechanics: HTML is used to provide non-content info needed to display the page properly: doctype, style information, Javascript code, page meta information (keywords, etc). HTML also is used to load files containing CSS styling and Javascript functions.
2. Provide Content: HTML contains or links to text, images, links, and embedded multimedia.
3. Provide Structure via HTML: boxes (DIVs), spans, paragraphs, lists, tables, headings, forms
4. Control Appearance: a combination of HTML and CSS
   1. Typography: Font families. Serif vs sans. Small caps. Italics. Bold. Drop caps. Text alignment. Line height (leading) and spacing (tracking).
   2. Colors and Transparency: how they are represented and applied.
   3. Borders: can be applied to any or all 4 sides of any container.
   4. Margins and Padding: how to separate an element from things around it.
   5. Backgrounds: colors and images can be used as backgrounds of elements.
5. Provide Position via CSS: absolute and relative positioning, floating
6. Implement Behaviors via CSS and Javascript: CSS can define actions to be taken when certain events occur, such as link rollovers, while Javascript can watch events for something of interest. Here is another example of using Javascript to control something dynamically.