HTML

HTML（Hyper Text Markup Language）は、ウェブページを作成するためのマークアップ言語です。ウェブページは通常、ウェブブラウザで表示されます。ウェブページには、文章、リンク、画像、さらには音声や動画などが含まれます。HTMLは、これらのコンテンツをウェブブラウザが正しく表示できるように、それぞれのコンテンツにマークを付けて記述するために使用されます。また、HTMLはウェブページにメタ情報を追加するためにも使用されます。メタ情報は通常、ウェブブラウザーには表示されず、ウェブページに関するデータで、例えば、ページを作成した人の名前などです。CSS（カスケーディング・スタイル・シート）はHTML要素のスタイル設定に使用され、JavaScriptはHTML要素やCSSスタイルの操作に使用されます。

HTMLはWorld Wide Web Consortium（W3C）によって作られました。HTMLにはいくつかのバージョンがあります。2018年9月現在、現在のHTMLの規格は「HTML 5」と呼ばれ、具体的にはバージョン5.2となっています。

HTMLでは、「タグ」と呼ばれる特殊なプログラミング言語を使用して、ブラウザにウェブページの見栄えを知らせます。タグは通常、2つ1組になっており、開始タグはコンテンツのブロックの開始を定義し、終了タグはそのブロックの終了を定義しています。タグにはさまざまな種類があり、それぞれ目的が異なります。タグの例については、下記の「HTMLの基本タグ」を参照してください。

特定のブラウザでしか動作しないタグがあります。例えば、マウスの右ボタンを押したときに何かを表示させるための<menuitem>タグは、Mozilla Firefoxブラウザでしか動作しません。他のブラウザはこのタグを無視して、普通に文章を表示する。多くのホームページ制作者は、どのブラウザでも同じように見えるようにしたいので、こうした「非標準」のタグを使うことを避けています。

例

以下は、HTMLでのページ例です。

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> このページのタイトルです。 </title> 5 </head> 6 < body> 7 < p> このパラグラフです。</p> 8 < a href="https://www.domain.com"> これはリンクです。 </a> 9 < img src="image.jpg" alt="Image"> 10 </body> 11 </html>

単純なHTMLページはこんな感じです。"Hello world!"と書かれた1つの段落。「と書かれた一段落。

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> こんにちは！</title> 5 </head> 6 < body> 7 < p> Hello world! </p> 8 </body> 9 </html>

HTMLの基本タグ

タグ名	名称	機能	コード例
`<!DOCTYPE>`	ドクタイプ	ドキュメントの種類を定義する	<!DOCTYPE html>
`<html>`	HTML	HTML文書を定義し、HTML文書を開始する。	< html> すべてのコード</html>。
`<head>`	ヘッド	ウェブページの要素を表示するために使用されないすべてのコードを含む	<ヘッド></ヘッド
`<title>`	タイトル	ウェブページのタイトル（タブに表示される）を定義し、`<head>`内に入力されます。	<タイトル> ウェブページ</title>
`<body>`	本体	ウェブページの目に見える要素を含む（段落なども含まれる）	<body> Htmlタグ</body>。
`<h1`>から`<h6>まで`	見出し	さまざまなサイズの見出し`（<h1`>が最大サイズ）	< h1> 見出し</h1>。
<p>	パラグラフ	テキストの段落を定義する	< p>テキスト</p>
<a>	アンカー	他のウェブページへのアクティブリンクの作成	< a href="www.domain.com"> サイトを見る</a>。
`<img>`	画像	ページ上に画像を表示する	< img src="ImageUrl" alt="画像がない場合はテキストが表示されます">。
`<br>。`	休憩	1行の改行を挿入する	テキスト < br> テキスト
`<センター>。`	センター	コンテンツをページの中央に移動させる	< center> コード</center>。
`<script>`	スクリプト	ウェブページにスクリプトを作成します。通常はJavaScriptで記述します。	< script> document.write("Hello World!")</script>。

HTMLタグの使用

ウェブページの作成

タグと順番を覚えれば、簡単にホームページが作れます。

まず、HTMLタグを入力する場所を探し（メモ帳がおすすめ）、タグを打ち込みます。

ここでは、HTMLタグのページの例をもう一つ紹介します。

<html>

<head>

<title> こんにちは！<title>です。

<h1> Hello world！</h1>。

</head>になります。

<body>

<p>

このページはHTMLタグのページです。

</p>

<フッター>

By*ここに名前を入れてください

</footer>。

</html>。

完了したら、次のフォーマットで保存してください： helloworld.htm

(スペースを入れずに)

そして、完成ですパソコンに保存したら、それを押すとgoogleのあなたのWebページに飛びます

質問と回答

Q:HTMLとは何ですか?

A: HTMLはマークアップ言語の一種で、文章、リンク、画像、オーディオビジュアルを含むウェブページを作成するために使用されます。

Q: HTMLの機能は何ですか?

A:HTMLの機能は、ウェブブラウザにウェブページがどのように見えるかを伝え、ウェブページの作成者の名前などのメタ情報を追加することです。

Q:HTMLで作成されたウェブページに含めることができるメディアの例には何がありますか?

A:HTMLで作成されたウェブページに含めることができるメディアの例として、オーディオファイルやビデオクリップがあります。

Q: CSSはHTMLをどのように補完するのですか?

A:CSSは、HTMLページの外観を変更するために使用されます。

Q:Web制作におけるJavaScriptの役割とは何ですか?

A:JavaScriptは、Webサイトの動作を指示し、HTMLやCSSの外観を変更することができるため、Web開発において不可欠なスクリプト言語です。

Q: HTMLは誰が作っているのですか?

A: HTMLはWorld Wide Web Consortium (W3C)によって作られています。

Q:現在のHTMLの標準バージョンは何ですか?

A: 2018年9月現在、HTML 5がバージョン5.2で最新の標準バージョンです。