HOME

DHTML Tutorial
DHTML HOME
DHTML Intro
DHTML CSS
DHTML DOM
DHTML Events

DHTML Examples
DHTML Examples

DHTML DOM
DOM window
DOM navigator
DOM event
DOM collection
DOM document
DOM form
DOM input
DOM select
DOM option
DOM textarea
DOM table
DOM tablerow
DOM tablecell
DOM anchor
DOM image
DOM frameset
DOM frame
DOM iframe

DOM Examples
DOM Examples

Please visit our sponsors !

Introduction to DHTML

previous next

What you should already know

Before you continue you should have a basic understanding of the following:

  • WWW, HTML and the basics of building Web pages
  • CSS
  • JavaScript

If you want to study these subjects first, find the tutorials on our Home Page.

DHTML is NOT a W3C Standard!

Dynamic HTML is not a standard defined by the World Wide Web Consortium (W3C), it is a "marketing term" that was used by Netscape and Microsoft to describe the new technologies the 4.x generation browsers would support.

Dynamic HTML is a combination of technologies to make Web pages dynamic. To most people Dynamic HTML means a combination of HTML 4.0, Style Sheets and JavaScript. W3C once said:

"Dynamic HTML is a term used by some vendors to describe the combination of HTML, style sheets and scripts that allows documents to be animated."

DHTML Technologies

With DHTML a Web developer can control how to display and position HTML elements in a browser window.

HTML 4.0

HTML 4.0 introduced two important things: Cascading Style Sheets (CSS), and the Document Object Model (DOM).

Cascading Style Sheets (CSS)

With CSS we got a style and layout model for HTML documents.

Document Object Model

With the DOM we got a document content model for HTML documents.

JavaScript (and VBScript)

Allows you to write scripting code to control HTML elements.

DHTML technologies in Netscape Navigator 4.x and Internet Explorer 4.x:

Netscape Navigator 4.x Cross-Browser DHTML Internet Explorer 4.x
  • JSS (JavaScript Style Sheets) (allows you to control how different HTML elements will be displayed)
  • Layers (allows you to control element positioning and visibility)
  • CSS1
  • CSS2 (allows you to control how different HTML elements will be displayed)
  • CSS Positioning (allows you to control element positioning and visibility)
  • JavaScript
  • Visual Filters (allow you to apply visual effects to text and graphics)
  • Dynamic CSS (allows you to control element positioning and visibility)
     

Problems with coding DHTML technologies WILL occur as long as each browser creates its own proprietary features and technology that is not supported by other browsers. A Web page may look great in one browser and horrible in another.

previous next

Jump to: Top of Page or HOME or Printer Friendly Printer friendly page

Search W3Schools:

What Others Say About Us

Does the world know about us? Check out these places:

Dogpile Alta Vista MSN Google Excite Lycos Yahoo Ask Jeeves

We Help You For Free. You Can Help Us!

W3Schools is for training only. We do not warrant its correctness or its fitness for use. The risk of using it remains entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2002 by Refsnes Data. All Rights Reserved

Validate How we converted to XHTML Validate

ASPHits
Active Server Pages Resource Web Site


Your own Web Site?

Read W3Schools
Hosting Tutorial


$15 Domain Name
Registration
Save $20 / year!


Advertise
at W3Schools

Only 0.5 CPM


SELECTED LINKS

University Online
Master Degree
Bachelor Degree

Web Software

The Future of
Web Development

Jobs and Careers

Web Security
Web Statistics
Web Standards


PARTNERS

W3Schools
TopXML
VisualBuilder
XMLPitstop
DevelopersDex
DevGuru
Programmers Heaven
The Code Project
Tek Tips Forum
ZVON.ORG
TopXML Search