ＨＴＭＬで記述した例を示します。
１ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
２ <html lang="ja">
３ <head>
４ <meta content="text/html; charset=UTF-8"
http-equiv=Content-Type>
５ <title>ＨＴＴＰとＷｅｂサーバ</title>
６ </head>
７ <body>
８ <h1>ＨＴＴＰとＷｅｂサーバ</h1>
９ <h2>学習のポイント</h2>
１０ <p>この章では～</p>
１１ <a href="setsumei.html">詳細説明</a>
１２ </body>
１３ </html>
- １の<!DOCTYPE ～>は，この文書がＨＴＭＬ４.０１のTransitionalに従って記述されていることを示します。
- ２～１３がＨＴＭＬの文書です。ＨＴＭＬ文書の全体が<head>～</head>で囲まれています。そして，< >と</ >が対になり，構造化されています。これをタグといいます。
- ２の「lang="ja"」は本文書が日本語文字コードであること，そして４の「charset=UTF-8」はそのコードがUTF-8であることを示しています。シフトＪＩＳコードで作成するならば「charset=Shift_JIS」とします。この指定と実際の文書が一致していないと，いわゆる文字化けの原因になります。
- ＨＴＭＬ文書は，２～６のｈｅａｄ部と，７～１２のｂｏｄｙ部に分かれます。
- ｈｅａｄ部は，この文書のタイトル（５）や（ここでは示していませんが）参照すべきＣＳＳ，作成者など，文書に関する諸情報を記述します。タイトルは，ブラウザの最上段のタイトル欄に表示されます。
- ｂｏｄｙ部はいわゆる本文であり，ここに記述した内容がＷｅｂブラウザで表示されます。
- ８や９のタグ<h1>や<h2>は見出し，１０の<p>はパラグラフというように，文書の構造を示します。
- １１はリンクです。画面に表示される詳細説明の個所をクリックすると，別文書 setsumei.html が表示されます。このような機能を持つのがハイパーテキストです。