例えば Web ページはデータを提示するのに適した表現形式の一つであり， XML 文書から Web ページ用の文書を作ることができれば， 人がデータを閲覧するには便利である。 それに対し，用紙に印刷する文書は Web ページとは異なる見栄えのものが好ましいものの， 意味的に同じデータを Web と印刷用に各々用意するのは効率的ではない。
このような場合，データは一つの XML 文書として作成しておき，データの表現を定める役割を XSLT テンプレートに負わせればよい。 これにより，データを更新する必要が生じた際には元の XML 文書だけを更新し， XSLT テンプレートを適用するだけでよくなり，複数の文書に分散したデータを，それぞれ更新する必要はなく，データの保守が容易になる。
このように， XSLT による XML の変換を使えば，データを格納したひとつの XML 文書を， 様々な形で表現することが可能になる。
以上のような，データそのものと表現形式を切り離して，データを一元化するという考え方は，データ処理一般において重要である。 人が読む通常の文章の作成においても，文章の意味・論理構造と表示形式を分離を分離して，文章を作成することには意義がある。 XML の利用は，これらを実現する方法の一つである。
以下に簡単な HTML の例を示す。 ここでは， body 要素の中のタグ(h1, h2, a, p, table)の使い方が分かれば十分である 2。 (Web ブラウザでの表示はこちら)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>sample HTML</title>
</head>
<body>
<h1>HTML 文書のサンプル</h1>
<h2>ハイパーリンク</h2>
外部文書へのリンクには href 属性を持つ a タグを使います
(例:<a href="http://echoes.hak.hokkyodai.ac.jp/db/550/">データベース入門</a>)。
同じコンピュータ内のファイルにリンクを張るときには，
href 属性値にファイルのパス名が使えます。
同じディレクトリ内のファイルであれば，href="ファイル名" でいいです。
<p>p タグは段落を作ります。</p>
<h2>表</h2>
表を作るには table タグを使います。border 属性は罫線の太さ指定です。
表の中に行を作るのは tr タグです。
行の中に何か書くには td タグを使います。行や列や表題は th タグです。
<table border="1">
<tr>
<th></th><th>列A</th><th>列B</th>
</tr>
<tr>
<th>行1</th><td>1A</td><td>1B</td>
</tr>
<tr>
<th>行2</th><td>1A</td><td>2B</td>
</tr>
</table>
</body>
</html>
サーバ上の Web ページではなく，自分で作成したファイルを Web ブラウザで直接に表示するには， ブラウザのメニューからファイルを開く操作を行うか， URI 欄に file:// に続きファイルの絶対パス名 (例: file:///pub/db/xml/sample.html) を入力すればよい。
以下に， 参考文献の入った XML 文書 (/pub/db/xml/ref.xml) から HTML 文書を出力するための XSLT スタイルシート例 (/pub/db/xml/ref2html.xsl) を示す。 これまでに示した XSLT テンプレートと異なるのは， 次の 3 点である。
XSLT スタイルシートのテンプレート記述において， タグの属性値部分に XML 文書のデータを埋め込みたければ， { } 内にロケーションパスを記述すればよい。 これを属性値テンプレート (attribute value template) という。下記のスタイルシートでは，
<a href="{uri}"> において，
XML 文書内の uri 要素の文字列値を取得し，
それを Web ページのリンク先 URI として使う。
<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="UTF-8" />
<xsl:template match="/">
<html>
<head>
<title>Reference List</title>
</head>
<body>
<h1>Reference List</h1>
<h2>book</h2>
<table>
<xsl:for-each select="ref/book">
<tr>
<td><xsl:value-of select="@isbn" /></td>
<td><xsl:value-of select="title" /></td>
<td><xsl:value-of select="author|editor" /></td>
</tr>
</xsl:for-each>
</table>
<h2>web</h2>
<table>
<xsl:for-each select="ref/web">
<tr>
<td><a href="{uri}"><xsl:value-of select="title" /></a></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
上記スタイルシートによる変換結果をブラウザで表示するには，
こちら
を参照。
そのためには，変換対象となる XML 文書内に， 適用したいスタイルシートの情報を書き込む必要がある。 これを XML では処理命令 (PI; processing instruction) という。 処理命令を記述する位置は，ルート要素よりも前としなければならない4。
次のものは，XSLT による変換を行う処理命令の例である。 適用したい XSLT スタイルシートは href 属性で指定する。 Web サイト上にスタイルシートがある場合には,
<?xml-stylesheet type="text/xsl" href="http://echoes.hak.hokkyodai.ac.jp/db/550/ref2html.xsl" ?>のような記法が可能であり，XML 文書と同じコンピュータにあるファイルをスタイルシートとして指定するのであれば
<?xml-stylesheet type="text/xsl" href="/pub/db/xml/ref2html.xsl" ?>のようにパス名を記述すればよい5。
処理命令が書かれた XML 文書を Web ブラウザで開けば， XSLT 変換の結果を得ることができる 6。
その出力をパイプと less を使って確認してから， リダイレクトを使ってファイルに保存しなさい。 ファイル名の終り（拡張子）は .html とする。 保存したファイルを Web ブラウザで表示しなさい7。
さらに，そのスタイルシートと xsltproc コマンドを使って，郵便番号表の入った HTML ファイルを作成し，ブラウザで表示しなさい。
また，XML 文書に処理命令を追加して，xsltproc コマンドを使わずに，ブラウザのみで表を閲覧できるようにしなさい。