いうマークアップ言語を使って作られています。Language(ハイパーテキスト・マークアップランゲージ)の略で、タグを使って、文書の構造(見出しや段落、表、リストなど)を記述します。大雑把に言うと「HTML4.01」、「XHTML」、「HTML5」の3種類があります。内容を「表示」した結果を読んでいます。そのため、HTMLを使ってどれが見出しでどれが重要な語句か等の文書の構造をきちんと示す必要があります。ブラウザの種類やバージョンに関係なく、常に正しく情報を伝えることができます。等の検索エンジンにも認識されやすくなります。レイアウトやデザイン等は、スタイルシート(CSS)を使って行います。基本1つのHTML文書(ファイル)は次の2つの部分から構成されます。</body></html>HTMLでは文書を構成するパーツを「要素」と呼んで、要素の組合せとしてページを作り上げていきます。文中に「ここからここまでがこの要素だ」という目印を付けるために使用します。この目印を「タグ」と呼び、目印を付けていくことを「マークアップ」といいます。「ここからここまで」と示すために、通常タグはペアで使います。「ここから」を示すタグを開始タグ、「ここまで」を示すタグを終了タグといいます。head要素をマークアップするタグは以下のようになります。</head>タイトルどんな文書も「タイトル」「件名」を持つように、HTMLにもタイトルが常に必要です。要素の内容になります。要素の中にほかの要素が次々と入れ子になった構造になります。要素以外の全ての要素は、必ず1つだけ親要素を持つことになります)。要素を使ってマークアップします。</p></body>「段落」は意味のまとまりを示すもので、単なる「改行」とは異なります。見出し文章には見出しをつけるようにします。h1が大見出し、h2が中見出しと、数字が大きくなるにつれて下位レベルの見出しになっていきます。h2...と順番に使っていきます。......</body>リストリスト(箇条書き)には2種類あり、列挙型の箇条書き(ul要素)と順序(番号)付きの箇条書き(ol要素)があります。<li>li要素の中には他のリストや段落を記述することができる</li></ul>リンクリンクにはリンク元(始点)とリンク先(終点)という情報が必要です。属性という付加情報を加えて示します。(要素名と属性は半角のスペースで区切ります)。要素を使ってファイルの場所を示します。あわせて、画像を表示しない利用者のために、画像の代わりとなる文を提供します。代替文は、その画像で伝えたい内容が分かるような文を書きます。属性の代替文をそこに表示します。要素による画像は、文字と同じ扱いを受けます。要素を使って段落として扱うようにします。このタグは、これまで出てきたタグと違って終了タグがない空要素のタグになります。使って記述をする際に気をつけることとしては、文書の構造をきちんと示すということです。使って記述した「文書の構造が明確でない」例です。<br>初めてホームページを作成する方を対象にした記事を掲載していく予定です。</html>これをブラウザで表示すると、以下のように表示されます。改行を使って行を分けているため、人間が見ればどの部分が見出しで段落はどこで別れているのかは想像がつきますが、この文書をプログラムなど(検索エンジン等)で読み込み、見出しや構造を判定、識別することはできません。li)」のタグを使って記述した「文書の構造が明確な」例です。<p>初めてホームページを作成する方を対象にした記事を掲載していく予定です。</html>これをブラウザで表示すると、以下のように表示されます。上記では<h1>や<h2>を使って見出しを表し、<p>を使って段落を、そして<ul>を使って箇条書き(リスト)を表しています。この文書をブラウザが読み込むと、文書内の記述されたタグに従って表示を行うので、見出しに設定されたテキストは大きな文字で表示したり、リストにはビュレットをつけて表示してくれます。この文書の場合、プログラムなど(検索エンジン等)で読み込み、見出しや構造を判定、識別することができます。構文のチェック以下のようなサービスを利用して作成した文書が正しい構文で記述されているかをチェックすることができます。Service構文をチェックする方法は以下の3種類が提供されています。タグを直接入力して構文をチェックしてみます。Input」のタブを選択して、コピーしたタグを入力エリアにペーストし「Check」をクリックします。以下のように表示され、エラーが1つと警告が4つあることがわかります。スクロールして、下の方に行くとエラーや警告の詳細が表示されています。宣言がされていません」というような内容が表示されています。開始タグよりも前)に記述します。簡単に言うと(?)文書型定義を宣言することになります。文書型定義(DTD)文書型定義は、そのバージョンのHTMLで使用することができる要素と属性、要素の配置に関するルールなどを定義しているものです。宣言を追加してみます。<p>初めてホームページを作成する方を対象にした記事を掲載していく予定です。構文チェックすると、以下のようにエラーがなくなりますが、3つの警告が表示されています。追加すると、文書の文字エンコーディングを指定することができます。要素等よりも前)に記述します。この文字エンコーディングの指定は、文書で使用している実際の文字コードに合わせる必要があります。(異なるエンコーディング名を指定すると、文字化けする場合があります)HTML5では、UTF-8を使用することが推奨されています。<p>初めてホームページを作成する方を対象にした記事を掲載していく予定です。「言語コード」を指定することで、文書で使用している言語を明示し、ブラウザの表示に加えてサーチエンジンや音声合成等にも役立つような情報を提供します。言語により以下のような値を指定します。<p>初めてホームページを作成する方を対象にした記事を掲載していく予定です。構文チェックすると、以下のように表示され、まだ2つの警告があります。スクロールして確認すると、以下のような表示があります。you.これは、「実験的な機能の使用:HTML5の文法チェック。HTML5の文法チェックは実験的な機能として提供されたものであるため、最新の情報が反映されていない可能性があるなど、完全に信頼できるものではない等」の注意が表示されています。無視しても問題ありません。ソースを直接入力する形でチェックを行ったため、指定通りのエンコードで保存されたかどうかは確認できなかったとの注意が表示されています。指定する方法)でチェックを行います。Upload」のタブを選択して、「ファイルを選択」ボタンをクリックします。「ファイルを選択」するウィンドウが表示されるので、ファイルを選択して「開く」ボタンをクリックします。元の画面に戻るので、「Check」をクリックします。以下のように表示され、警告が1つになっています。Checker.」が表示されていますが、これは無視しても問題ありません。仕様ではタグは大文字と小文字の区別はないのでどちらでも問題はありませんが、どちらかに統一することが望ましいと思います。好みの問題かもしれませんが、個人的には小文字に統一するようにしています。宣言は大文字で記述したりもしているので、とやかく言えませんが、一貫性は大切だと思います。ファイルのパスタグは大文字でも小文字でも問題ありませんが、ファイルのパスは大文字・小文字を区別されるので気をつける必要があります。フォルダ名がパスの一部になるので、フォルダの名前の付けかたを統一するのが望ましいと思います。注意すべき点としては、サーバー(の設定)によってはパスの大文字・小文字を区別しない場合があります。そのため、例えば画像を表示するためのパスなどが、ある環境では問題なく画像を表示するけれど、別の環境では画像が正しく表示されないと言うようなことも発生するので、フォルダ名なども一定のルール(全て小文字にするなど)を作っておいた方が良いと思います。以下のような場合、サーバーによっては同じパスと認識される場合と、異なるパスと認識される場合があります。src="../images/foo/sample.jpg">インデックスファイル一般的には下記の2つのアドレスにアクセスすると、同じ内容のページが表示されます。サーバーの機能(デフォルトで表示するドキュメントの指定)によって実現されています。サーバーの設定で他のファイル名も指定することができます)。index.htmlindex.htmindex.shtmlindex.phpindex.cgiこれらのファイルがあると、ファイル名を省略した場合にブラウザでそのファイルが表示されます。両方が存在する場合は、どちらを表示するかの優先順位も設定されています。http://www.example.com/)してもページは表示されません。サーバー側の設定にもよりますが、インデックスファイルが存在しないと、ディレクトリ内のフォルダ名やファイルの一覧が表示されてしまう場合もあります。ファイル等を編集することで、そのような動作を回避させることは可能です)そのため、基本的にはインデックスファイルをルートディレクトリ(サイトの最上位のディレクトリ)に作成します。サイト内にディレクトリ(フォルダ)を作成した場合も、それぞれのディレクトリごとにインデックスファイルを作成します。正規化を行っている場合には、以下のいずれのアドレスにアクセスしてもアドレスバーの表示は「http://www.example.com/」になるような場合もあります。