【ＨＴＭＬの基本構造】 HTML(HyperText Markup Language）は、ＷＥＢに表示する文章、画像、表などを記述する言語です。ハイパーリンクの定義ができるため、他のＷＥＢページを表示したり、文章、画像、表を挿入して表示することができます。 HTMLで記述されたページをコンテンツといい、TAGという要素で構成されています。 HTLMLの構成とTAGを覚えるだけですから、誰でも容易にHTMLで記述することができます。【ＨＴＭＬの構成要素】 <html lang="ja"> <head> <title> </title> </head> <body> </body> </html> ① ② ③ ③ ② ④ ④ ① ①HTMLタグ HTMLタグは、HTMLの記述の最初と最後に記述するタグです。 <html> ：HTMLの開始 </html> ：HTMLの終了 lang="ja"：言語の定義 ②ヘッダータグヘッダータグは、ページのヘッダー部の定義を記述するタグです。 <head> ：HEADタグの開始 </head> ：HEADタグの終了 ③タイトルタグタイトルタグは、タイトルバーに表示されるページタイトルを記述するタグです。 <title> ：TITLEタグの開始 </title> ：TITLEタグの終了 <title>ページタイトルを記述する</title> ④ボディータグボディータグは、ページに表示される定義を記述するタグです。 <body> ：BODYタグの開始 </body> ：BODYタグの終了ボディータグに表示する文章や画像を定義するタグを記述します。タグは、タグの開始：<tag>とタグの終了</tag>をセットで記述します。見やすさを考慮して、段落を付けて記述します。 HTMLの記述はテキストエディタ（メモ帳など）を使用して記述します。作成するHTMLファイルは、ファイル名.html（拡張子をhtmlとする）です。編集するときは、編集するファイルを選択（クリック）して、タイトルバーの「ファイル→プログラムから開く→利用するテキストエディタを選択」すれば編集できます。実行するときは、ダブルクリックで実行できます。【title、h1、p、brタグの使用方法】下記のHTMLは、各タグを定義した記述です。 <html lang="ja"> <head> <title>test site</title> ---① </head> <body> <h1>ヘッダー１</h1> <p>Ｐタグ１</P> <p>Ｐタグ２ <br />ＢＲタグ１ <br />ＢＲタグ２</P> <p>Ｐタグ３</P> ---② ---③ ---③ ---④ ---④ ---③ </body> ①<title>タグタイトルバーに表示されるページタイトルとして定義するタグです。 ②<h1>タグページの見出しとして定義するタグです。 ③<p>タグ段落として定義するタグです。 ④<br>タグ改行するために定義をするタグです。上のHTMLを実行した表示結果 ①titleタグ ②h1タグ ③pタグ ③pタグ ③pタグｐタグとｂｒタグでは、改行幅が異なります。