以下に示したウェブページは簡単ですが、代表的な例です。
<html>
<head>
<title>ZHTMLDemo</title>
</head>
<body>
<h1>ZHTMLDemo</h1>
<ulid="ul">
<li>Thefirstitem.</li>
<li>Theseconditem.</li>
</ul>
<inputtype="button"value="AddItem""/>
<br/>
<inputid="inp0"type="text"/>+
<inputid="inp1"type="text"/>=
<textid="out"/>
</body>
</html>
zhtmlの拡張子[52]で名前をつけることで、ZKローダーによりZUMLページとしてインタープリットされます。
そして、org.zkoss.zhtml.Html、org.zkoss.zhtml.Headなどのインスタンスはそれぞれ作成されます。
つまり、XHTMLコンポーネントツリーはサーバー側で作成されました。そして、一般的なZUMLページと同様に、ZKはそれらを標準的なXHTMLページに変換し、ブラウザへ送信します。
[52] すべてのHTMLページをZUMLページに変換するため、拡張子の.htmlをDHtmlLayoutServletにマッピングします。
開発用レファレンスのAppendix A をご覧ください。