1990 年に Tim Berners-Lee によって最初に開発された、HTML またはハイパーテキストマークアップ言語(Hypertext Markup Language) は、World Wide Web 上に表示される Web ページと呼ばれる電子ドキュメントを作成するために使用される言語です。各ページには、ハイパーリンクと呼ばれる他のページへのリンクがいくつか含まれています。あなたが見るすべての Web ページは、何らかのバージョンの HTML を使用して書かれています。

HTML5
HTML5

HTML コードにより、テキストと画像がインターネット ブラウザに合わせて正しくフォーマットされるようになります。 HTML がなければ、ブラウザはテキストを要素として表示したり、画像やその他の要素を読み込んだりする方法を知りません。 HTML はページの基本構造も提供します。カスケード スタイル シート(CSS) を重ねて外観を変更します。 HTML を Web ページの骨 (構造) に、CSS をその表皮 (外観) に例えることができます。

の例に示すように、HTMLタグ上記のように、コンポーネントは比較的単純です。ほとんどの HTML タグには、タグ名を含む開始タグ、タグ属性、スラッシュを含む終了タグ、および終了タグ名があります。終了タグのないタグの場合、次のようになります。<img>、タグをスラッシュで終了することをお勧めします。

ほとんどのタグは山括弧で囲まれています<など>、開始タグと終了タグの間のすべてが表示されるか、タグの影響を受けます。たとえば、タグ<a>は、hope.html ファイルを指す「Computer Hope」というリンクを作成します。

HTML はどのようなものですか?

以下は、各セクションとその機能の説明を含む、HTML で書かれた基本的な Web ページの例です。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Page d'exemple</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>
<h1>Ceci est un titre</h1>
<p>Ceci est un <b>exemple</b> de page HTML de base.</p>
</body>
</html>

このページの主な要素は次のとおりです。

  • ライン文書タイプブラウザが後続のテキストを解釈できるように、使用される HTML のバージョンを説明します。
  • タグ<html>ブラウザに HTML コードを読んでいることを伝えます。
  • セクション<head>タイトル、メタタグ、ファイルの場所などのページに関する情報が含まれますCSS。
  • セクション<body>ブラウザに表示されるすべてのものが含まれます。たとえば、ここに示されているすべてのテキストはタグ内に含まれています<body>。
  • タグ<h1>表示されるページのタイトルです。
  • タグ<p>はテキストの段落です。ほとんどの Web ページ (このページなど) には複数の段落タグがあります。
  • 段落内のタグ<b>「例」という単語を太字にします。
  • 最後に、終了タグで上記の各タグを囲みます。

HTML タグの完全なリストについては、HTML および Web デザインのヘルプを参照してください。

HTML5とは何ですか?

HTML5 は、HTML4 からの HTML の更新版です (XHTML は異なる番号付けスキームに従います)。 HTML4 と同じ基本ルールを使用しますが、新しいタグと属性が追加され、JavaScript によって有効になるセマンティクスと動的要素が向上します。新しいアイテムには次のものが含まれます。<article>、<aside>、<audio>、<bdi>、<canvas>、<datalist>、<details>、<embed>、<figure>、<figcaption>、<footer>、<header>、<keygen>、<mark>、<meter>、<nav>、<output>、<progress>、<rp>、<rt>、<ruby>、<time>、<track>、<video>、など<wbr>。フォームの新しい入力タイプも使用できます: 電話番号、検索、URL、電子メール、日時、日付、月、週、時刻、ローカル日時、数値、範囲、色。

構造とスタイルを分離する動きが強まるにつれ、スタイルの特定の要素が削除されてきました。さらに、アクセシビリティの問題を引き起こすタグやほとんど使用されないタグも削除されました。次の要素は HTML コードでは使用できなくなりました。<acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<strike>、など<tt>。 HTML5 では、次のタグを使用して doctype 宣言も簡素化されています。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Page d'exemple</title>
</head>
<body>
<h1>Ceci est un titre</h1>
<p>Ceci est un exemple de page HTML de base.</p>
</body>
</html>

HTMLの作成方法と表示方法

HTML はマークアップ言語であるため、.htm または .html 拡張子を付けて保存すれば、任意のテキスト エディタで作成および表示できます。ただし、ほとんどの人は、HTML エディタを使用して HTML Web ページをデザインおよび作成する方が簡単だと感じています。

HTML ファイルが作成されると、ローカルで表示したり、Web サーバーにアップロードしてブラウザを通じてオンラインで表示したりできます。

HTML ではどのようなファイル拡張子が使用されますか?

HTML ファイルでは、.htm または .html 拡張子が使用されます。古いバージョンの Windows (Windows 3.x) では 3 文字の拡張子のみが許可されていたため、.html の代わりに .htm が使用されていました。ただし、どちらの拡張子も同じ意味を持ち、現在でも使用できます。ただし、Web サーバーによっては、ある拡張子を別の拡張子よりも優先する場合があるため、命名規則を選択することをお勧めします。

気づいた ：Perl、PHP (PHP: Hypertext Preprocessor) などのスクリプト言語を使用して作成された Web ページパイソンソース コードに HTML のみが表示される場合でも、拡張子は異なります。

HTML では大文字と小文字が区別されますか?

HTML タグとほとんどの属性では大文字と小文字が区別されません。ただし、HTML の一部の属性と部分では大文字と小文字が区別されます。たとえば、ファイル名を入力するときに、オペレーティング システム (例:Linux) は大文字と小文字が区別されるため、ディレクトリとファイル名は大文字と小文字を正しく入力する必要があります。 HTML の大文字と小文字が区別されるその他のセクションは、HTML エンティティです。たとえば、「á」は鋭アクセント付きの小文字の「a」を作成し、「Á」は大文字のバージョンを作成します。

アドバイス ：パス内のファイル名またはディレクトリが大文字でない限り、HTML では小文字のみを使用することをお勧めします。

HTML はプログラミング言語ですか?

いいえ、HTML はプログラミング言語ではありません。それはマークアップ言語です。プログラミング言語とマークアップ言語の比較については、マークアップ言語のページをご覧ください。