基本スケルトンとは、一枚のページを制作するにあたってページ全体を定義するものです。ＨＰはこれに始まりこれに終わります。これから段階を追って覚えていく上で、これが常に基本となります。この基本スケルトンの構造を覚えてしまえば、あとは実は簡単なのです。ここでは、ごく一般的な基本スケルトンをご説明します。

【構文１】
ホームページを作る際のＨＴＭＬの一番シンプルな基本となる構文です。これは、このファイルはＨＴＭＬという言語で書かれているという宣言と、このページをＨＰとしてアップロードした際に、これを観た閲覧者が「お気に入り」等に登録する際のタイトルを入れ込むものです。また、<BODY>〜</BODY>には実際にブラウザーで表現する内容を記載します。

    <HTML>
    <HEAD>
    <TITLE>タイトル名</TITLE>
    </HEAD>
    <BODY>
    </BODY>
    </HTML>
<>で囲まれているものはタグと呼びます。<TITLE>で例にとると<TITLE>から</TITLE>のタグの開始と終了の間に書かれた情報が有効になります。タグは命令であり、これを終了させるにはスラッシュを用います。


【構文２】
ここではメタタグというものを紹介します。インフォシーク等のロボット検索エンジンでは、このメタタグの内容をピックアップします。例えば<META name="keywords" content="">は、検索されたい単語をカンマ区切りで設定します。また、<META name="description" content="">は、検索結果として表示される文章、すなわち自分のＨＰの紹介文を記載します。
    <HTML>
    <HEAD>
    <TITLE>タイトル名</TITLE>
    <META name="keywords" content="検索時のキーワード">
    <META name="description" content="検索時に表示されるコメント">
    </HEAD>
    <BODY BGCOLOR="#RGB値" TEXT="#RGB値" LINK="#RGB値" VLINK="#RGB値" ALINK="#RGB値">
    </BODY>
    </HTML>
次に色の指定について説明をします。<BODY BGCOLOR= TEXT= LINK= VLINK= ALINK= >は、ＨＰの背景の色、文字の色、リンクの色、既読リンクの色、選択中のリンクの色を指定します。表記はＲＧＢ（赤・緑・青の光の三原色）１６進数という数値で表します。例えば、 LINK=FFFFFF という具合に６桁の０から９の数値またはＡからＦのアルファベットで指定します。LINK="#FFFFFF"と記載しても良いです。最初の２桁が赤色の強度、次の２桁が緑色の強度、最後の２桁が青色の強度を指定します。０が最小値でＦが最大値です。 FF0000 ならば、赤色の強度がフルの状態で、緑色、青色の強度がゼロのため、赤色ということを意味します。
    000000
    800000
    FF0000
    FF8000
    FFFF00
    008000
    00FF00
    00FF80
    00FFFF
    000080
    0000FF
    FFFFFF

また、最近は英語での表記でもかなりの色を指定できます。詳細は以下のページを参照下さい。

【構文３】
ここではＨＴＭＬとスタイルシートを併用したスケルトンをご紹介します。スタイルシートは、それまでのＨＴＭＬでは出来得なかったレイアウト編集が簡単な設定で可能になりました。以下の構文では、ＨＴＭＬの<BODY>と併記することにより、スタイルシートが表現できないブラウザーに対応させています。

スタイルシートの最大の特徴は、文字のサイズや色やレイアウトを閲覧者の環境に関わらず制作者の意図通りの表現が出来るということです。すなわち閲覧者の画面表示サイズや文字の表示サイズの設定に依存しないという利点があります。

以下に簡単に説明します。
A:link { text-decoration:none; color: } ではリンクの色を指定します。
A:visited { text-decoration:none; color: } では既読リンクの色を指定します。
A:active { text-decoration:none; color: } では選択中のリンクの色を指定します。
A:hover { text-decoration:underline; color: } ではマウスポインターを置いたリンクの色を指定します。また text-decoration:underline という指定は、アンダーバーを表示します。
また、 color: では文字色を background-color: では背景色を指定します。
また、スタイルシートではＨＴＭＬではできなかった以下の指定が可能になります。
line-height: では行の高さを、letter-spacing: では文字間をピクセル数（px）で指定ができます。
フォントの指定も font-size: でピクセル数（px）で指定、 font-family: でフォントの種類の指定が可能です。

    <HTML>
    <HEAD>
    <META name="keywords" content="検索時のキーワード">
    <META name="description" content="検索時に表示されるコメント">
    <TITLE>タイトル名</TITLE>

    <STYLE TYPE="text/css">
    <!--
    A:link { text-decoration:none; color: #RGB値}
    A:visited { text-decoration:none; color: #RGB値}
    A:active { text-decoration:none; color: #RGB値}
    A:hover { text-decoration:underline; color: #RGB値}
    BODY {
    color: #RGB値;
    background-color: #RGB値;
    line-height: ピクセル(px)値で指定;
    letter-spacing: ピクセル(px)値で指定;
    font-size: ピクセル(px)値で指定;
    font-family: フォント名} -->
    </STYLE>
    </HEAD>
    <BODY BGCOLOR="#RGB値" TEXT="#RGB値" LINK="#RGB値" VLINK="#RGB値" ALINK="#RGB値">
    </BODY>
    </HTML>
上記のスタイルシートは、インターネット・エクスプローラーではバージョン４．０以上で総ての指定が有効ですが、ネットスケープ・ナビゲーターでは、リンク色の使い分けや文字間など一部が対応しません。最新のバージョン６では対応となっているようです。