HTMLHTMLを使い始める


備考

HTML (Lの anguage ARKUP H yper トン EXT M)は 、XML 'タグ'で文書に注釈を付けるの準拠システム。これは、WebページやWebアプリケーション用のコンテンツを作成するために特に使用され、ネットワーク上で共有することができます。

テキストとは別に、現在のバージョンのHTMLでは、イメージやビデオなど、さまざまな種類のメディアがサポートされています

バージョン

バージョン仕様発売日
1.0 N / A 1994-01-01
2.0 RFC 1866 1995-11-24
3.2 W3C:HTML 3.2仕様 1997年1月14日
4.0 W3C:HTML 4.0仕様 1998-04-24
4.01 W3C:HTML 4.01仕様 1999-12-24
5 WHATWG:HTMLリビングスタンダード 2014-10-28
5.1 W3C:HTML 5.1仕様 2016-11-01

こんにちは世界


前書き

HTML (Lの anguage ARKUP H yper T EXT M)は、特定のコンテンツを表す要素から構成されるマークアップシステムを使用します。 マークアップとは、HTMLの場合、 どのように表示されるを表示するものではなく、表示するものを宣言することを意味します。ビジュアル表現はカスケードスタイルシート(CSS)によって定義され、ブラウザによって実現されます。例えばfont ようなものを可能にする既存の要素は 、「完全に時代遅れであり、著者が使用してはならない」 [1]

HTMLはプログラミング言語と呼ばれることもありますが、論理がないためマークアップ言語もありません。 HTMLタグは、ページ内のコンテンツに意味的意味と機械可読性を提供します。

要素は通常、開始タグ( <element_name> )、終了タグ( </element_name> )、山括弧で囲まれた要素の名前、および<element_name>...content...</element_name> 間の内容を含み<element_name>...content...</element_name>

終了タグや内容を持たないHTML要素がいくつかあります。これらをボイド要素といいます 。 Void要素には<img><meta><link><input> ます。

要素名は、 videoaudiotablefooter などのコンテンツに記述的なキーワードと考えることができます。

HTMLページは、潜在的に何百もの要素で構成され、その後、ウェブブラウザによって読み取られ、解釈され、画面上で人間が読み取り可能または可聴のコンテンツにレンダリングされる。

このドキュメントでは、要素とタグの違いに注意することが重要です。

要素: videoaudiotablefooter

タグ: <video><audio><table><footer></html></body>



要素の洞察

タグを分解しよう...

<p> タグは共通の段落を表します。

要素には通常、開始タグと終了タグがあります。開始タグには、要素の名前が山括弧( <p> )で囲まれています。終了タグは開始タグと同じで、開始括弧と要素の名前( </p> )の間にスラッシュ( / )が追加されています。

コンテンツは次の2つのタグの間に入ります: <p>This is a simple paragraph.</p>



単純なページの作成

次のHTML例は、単純な"Hello World" Webページを作成します。

HTMLファイルは任意のテキストエディタを使用して作成できます 。 HTMLファイルとして認識されるには、ファイルを.html または.htm [2]拡張子で保存する必要があります。

作成後、このファイルは任意のウェブブラウザで開くことができます。


<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>Hello!</title>
    </head>

    <body>
        <h1>Hello World!</h1>
        <p>This is a simple paragraph.</p>
    </body>

</html>
 



簡単なページブレークダウン

この例で使用されるタグは次のとおりです。

タグ意味
<!DOCTYPE> ドキュメントで使用されるHTMLバージョンを定義します。この場合はHTML5です。
詳細については、 doctypesのトピックを参照してください。
<html> ページを開きます。終了タグの後にマークアップはありません( </html> )。 lang 属性は、 ISO言語コード (英語の場合はen )を使用してページの主要言語を宣言します。
詳細については、 コンテンツ言語のトピックを参照してください。
<head> メインのブラウザウィンドウに表示されますが、主にメタデータと呼ばれるHTMLドキュメントに関する情報が含まれていないヘッド部を、開きます。また、外部スタイルシートやスクリプトからのインポートを含めることもできます。終了タグは</head> です。
<meta> ブラウザにドキュメントに関するいくつかのメタデータを与えます。 charset 属性は文字エンコーディングを宣言します 。現代のHTML文書は、必須ではないが、常にUTF-8を使用すべきである。 HTMLでは、 <meta> タグは終了タグを必要としません。
詳細については、 メタトピックを参照してください。
<title> ページのタイトル。この開始タグと終了タグ( </title> )の間に書かれたテキストは、ページのタブまたはブラウザのタイトルバーに表示されます。
<body> ユーザーに表示されるドキュメントの部分、つまりページのすべての可視または可聴コンテンツを開きます。終了タグ</body> 後にはコンテンツを追加しないでください。
<h1> ページのレベル1見出し。
詳細は、 見出しを参照してください。
<p> テキストの一般的な段落を表します。

1.↑ HTML5,11.2準拠していない機能
2.↑ .htm は、従来のDOSの 3文字のファイル拡張子の制限から継承されています。