HTML, which stands for Hyper Text Markup Language, is the predominant markup language for web page design. It is often used in combination with JavaScript and CSS. Current versions of the HTML specification include HTML 5 and XHTML.
The reference material accessed through the following links will help you to create compelling Dynamic HTML (DHTML) Web pages.
Microsoft (2002). Resources>Web Design>DHTML
Differences Between XHTML and HTML 
XHTML is the next generation of HTML, but it will of course take some time before browsers and other software products are ready for it. In the meantime there are some important things you can do to prepare yourself for it. As you will learn from this tutorial, XHTML is not very different from HTML 4.01, so bringing your code up to 4.01 standards is a very good start. Our complete HTML 4.01 reference can help you with that. In addition, you should start NOW to write your HTML code in lowercase letters, and NEVER make the bad habit of skipping end tags like the
.Displaying ADO Retrieved Data with XML Islands
An XML data island is a piece of well-formed XML embedded into an HTML file. This article will show you how to retrieve data in an XML format from a database using ADO; you will also learn how to bind this data into an HTML document.
Krishnaswamy, Jayaram. Dev Articles (2006). Articles>Information Design>XML>XHTML
DOM Design Tricks: Dynamic Text in the Document Object Model 
Be a code wizard … or, just look like one. In Part 3 of the DOM Design Tricks tutorial series, Eisenberg shows us how to dynamically change text on a page. The theory, examples, and scripts will work in Mozilla and IE5.
Eisenberg, J. David. List Apart, A (2000). Design>Web Design>DHTML
DOM Scripting, or How to Keep the Code Clean
In this tutorial I want to show up the differences between DOM-Scripting and the 'traditional' JavaScript technique using event-handlers embedded into the HTML-code. I’ll show a way to have accessible popups, and by showing how to do those, I’ll explain the propper use of DOM-scripting.
Opitz, Pascal. Content with Style (2005). Design>Web Design>DHTML
After working hard on a design, image or article you may want to protect it by using a JavaScript that disables right-click while optionally warning a visitor that the content is copyrighted.
Wise, Rosemarie. SitePoint (2002). Design>Web Design>DHTML
Download our Site Template and Make the Leap to XHTML and CSS2 
If you face a Web site redesign or need a head start on your development efforts, our free Dreamweaver MX XHTML and CSS2 template may come in handy. Download the template and see how XHTML and CSS2 can reduce coding time and increase site accessibility.
Morton, Shawn. TechRepublic (2003). Design>Web Design>Standards>XHTML
Drop-Down Menus, Horizontal Style
Anyone who has created drop-down menus will be familiar with the large quantities of scripting such menus typically require. But, using structured HTML and simple CSS, it is possible to create visually appealing drop-downs that are easy to edit and update, and that work across a multitude of browsers, including Internet Explorer. Better still, for code-wary designers, no JavaScript is required!
Rigby, Nick. List Apart, A (2004). Design>Web Design>DHTML>CSS
Dynamic Drive is a directory of free, original DHTML scripts and components to enhance your web site.
This approach uses Dynamic HTML (DHTML), which has several benefits over using IFRAMES to make life a bit easier for the users of your site. First, DHTML allows for more flexible formatting than IFRAMEs permit. You can apply background images, borders, fonts, and all the other features you’ve learned to expect from HTML and Cascading Style Sheets to DHTML objects. In contrast, IFRAMES have almost no configurable features. Second, if someone fills out one form, switches to another, then switches back, there’s a good chance that the browser will lose the information that was initially entered. This problem doesn’t exist in the DHTML solution. Third, with DHTML you can do tricky things like clipping and moving the form around the page. You could do these things by combining IFRAMES and DHTML, but you might as well just use DHTML in the first place.
Apple Inc. (2006). Design>Web Design>Forms>DHTML
Dynamic HTML and XML: The XMLHttpRequest Object
As deployment of XML data and web services becomes more widespread, you may occasionally find it convenient to connect an HTML presentation directly to XML data for interim updates without reloading the page. Thanks to the little-known XMLHttpRequest object, an increasing range of web clients can retrieve and submit XML data directly, all in the background. To convert retrieved XML data into renderable HTML content, rely on the client-side Document Object Model (DOM) to read the XML document node tree and compose HTML elements that the user sees.
Apple Inc. (2006). Design>Web Design>DHTML>Ajax
Dynamic Properties in Dynamic HTML (DHTML)
While experimenting with DHTML you may have ended up with a situation where you'd wanted to possibly have an element that has a width that's always the same as another element's height. On the other hand, you may have wanted to center an element in the middle of the page no matter what the width of the page was. All this is possible with the DHTML methods you've learned previously, but you will find that these scripts end up being unnecessarily long or complicated. That's why Dynamic Properties were introduced in IE 5.0. Dynamic Properties, as the name may indicate, means the ability to assign non-static dynamic values to properties.
Gilbert-Baffoe, Nana. Intranet Journal. Design>Web Design>DHTML
How to use the powerful dynamic features of XSLT for sorting and displaying table-data.
Opitz, Pascal. Content with Style (2005). Design>Web Design>DHTML>XSL
Let your server do the walking! Whether you're replacing one headline or a thousand, Stewart Rosenberger's Dynamic Text Replacement automatically swaps XHTML text with an image of that text, consistently displayed in any font you own. The markup is clean, semantic, and accessible. No CSS hacks are required, and you needn't open Photoshop or any other image editor. Read about it today; use it on personal and commercial web projects tomorrow.
Rosenberger, Stewart. List Apart, A (2004). Design>Web Design>CSS>XHTML
Dynamically Conjuring Drop-Down Navigation
Got content? Got pages and pages of content? Wouldn’t it be nice if you could offer your readers a drop-down menu providing instant access to any page, without having to sit down and program the darned thing? By marrying a seemingly forgotten XHTML element to simple, drop-in JavaScript, Christian Heilmann shows how to do just that. There’s even a PHP backup for those whose browsers lack access to JavaScript. Turn on, tune in, drop-down.
Heilmann, Christian. List Apart, A (2004). Design>Web Design>User Interface>DHTML
Plusieurs éléments 'méta', c'est-à-dire ne faisant pas directement partie du corps de votre texte, ont néanmoins une importance tout à fait particulière dans le référencement de votre site. Ces éléments sont, en effet, pris en compte en priorité par les moteurs de recherche, lesquels sont responsables d'une bonne partie de votre fréquentation.
Cross-browser JavaScript grid control for displaying tabular data in DHTML based table. Comprehensive features include fast-loading (enabled by AJAX), client-side sorting, columns resizing, multiple cell control types and keyboard navigation.
Scand (2006). Design>Web Design>DHTML>Ajax
One of the little known features of DHTML, at least within Internet Explorer 5.5 or above, is an attribute known as contentEditable. This attribute can be used to make areas of text within a Web page editable by the user. This is very different from a form element, such as a text box, as contentEditable can make a table cell, or a standard paragraph editable.
HyperWrite (2005). Articles>Web Design>Interaction Design>DHTML
Follow this advice for getting rid of the clutter and strange characters in your translated HTML files.
Johnston, Becky. Intercom (2004). Articles>Web Design>HTML
Extending XHTML: Target and Strict
That the target attribute is not by default allowed in valid XHTML 1.1 or XHTML 1.0 Strict continues to be a source of frustration for designers. It simply doesn't have to be.
Burkett, Wayne. Dionidium (2004). Design>Web Design>Standards>XHTML
The Extensible HyperText Markup Language (XHTML) Tutorial 
The Extensible HyperText Markup Language (XHTML) is intended to be a replacement for HTML. XHTML has a stricter syntax than HTML and is the official recommendation. of the W3C. XHTML was required due to the poor standard of some HTML documents due to the forgiving nature of browsers. This tutorial discusses the issues in making your documents XHTML compliant.
Lemon, Gez. Juicy Studio (2009). Design>Web Design>XHTML
Wondering how to turn your HTML markup into XHTML? Here are a few quick tips to teach you the very basics, a sample XHTML document, and resources for more information.
Kaiser, Shirley E. Website Tips (2001). Design>Web Design>HTML>XHTML
An image, a caption and the image credit. That can't be hard to get the associations right, can it? Delve into the discussion about markup, semantics and microformats of a seemingly simple issue.
Willerich, Matthias. Content with Style (2007). Articles>Information Design>Standards>HTML
Fix Your Site With the Right DOCTYPE
Per HTML and XHTML standards, a DOCTYPE (short for “document type declaration”) informs the validator which version of (X)HTML you’re using, and must appear at the very top of every web page. DOCTYPEs are a key component of compliant web pages: your markup and CSS won’t validate without them.
Zeldman, Jeffrey. List Apart, A (2002). Design>Web Design>Standards>XHTML
"Forgiving" Browsers Considered Harmful
Current browsers are very forgiving; they quietly correct or gloss over many common HTML errors. This makes it easy for people to experience the joy of creating their own web pages with a minimum of frustration—if a page displays correctly, then it's “right.” Unfortunately, by hiding the need for structure that the web will require as it moves towards XHTML and XML, these forgiving browsers have helped create a world of structural HTML illiterates. As long as browsers continue to parse and display HTML that isn't well-formed or valid, we will never learn the right ways, and we will never get to a structural web.
Eisenberg, J. David. List Apart, A (2001). Design>Web Design>Standards>XHTML
There are 14 readers currently online: 1 registered user and 13 guests. Register.

![]()
![]()


![]()
![]()
![]()