ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLファイルとは何ですか? HTML ファイルについての予備的な理解

HTMLファイルとは何ですか? HTML ファイルについての予備的な理解

寻∝梦
寻∝梦オリジナル
2018-08-13 19:28:064844ブラウズ

これは HTML5 の入門チュートリアルであり、より多くの初心者が正しい方向を見つけられるように、初心者が HTML5 を体系的に学ぶ方法について説明します。

1. HTML ファイルとは何ですか?

TML の正式な英語名は Hypertext Marked Language で、中国語名は「Hypertext Markup Language」です。

通常のテキストとの違いは、HTML ファイルにはテキスト コンテンツだけでなく、中国語で「タグ」と呼ばれるいくつかのタグも含まれていることです。

HTML ファイルの接尾辞は .htm または .html です。

テキストエディタを使用してHTMLファイルを作成できます。

2. HTML ファイルを作成します

TML の英語の正式名は Hypertext Marked Language で、中国語名は「Hypertext Markup Language」です。

通常のテキストとの違いは、HTML ファイルにはテキスト コンテンツだけでなく、中国語で「タグ」と呼ばれるいくつかのタグも含まれていることです。

HTML ファイルの接尾辞は .htm または .html です。

テキストエディタを使用してHTMLファイルを作成できます。

<html>
<head>
<title>PHP中文网</title>
</head>
<body>
This is my first homepage.<b>This text is bold</b> 
</body>
</html>

この first.html ファイルを表示するには、それをダブルクリックします。または、ブラウザを開き、[ファイル] メニューから [開く] を選択し、ファイルを選択します。

このファイルの最初のタグは 100db36a723c770d327fc0aef2ce13b1 です。このタグは、これが HTML ファイルのヘッダーであることをブラウザーに伝えます。ファイルの最後のタグは 73a6ac4ed44ffec12cee46588e518a5e で、HTML ファイルがここで終了することを示します。

93f0f5c25f18dab9d176bd4f6de5d30eと9c3bca370b5104690d9ef395f2c5f8d1の間の内容はHead情報です。ヘッド情報は表示されず、ブラウザでは見ることができません。しかし、それはその情報が役に立たないという意味ではありません。たとえば、検索エンジンが Web ページを検索しやすくするために、ヘッド情報にいくつかのキーワードを追加できます。

b2386ffb911b14667cb8f0f91ea547a7 と 6e916e0f7d1e588d4f442bf645aedb2f の間の内容はこのファイルのタイトルです。このタイトルは、ブラウザの上部にあるタイトル バーに表示されます。

6c04bd5ca3fcae76e30b72ad730ca86dと36cc49f0c466276486e50c850b7e4956の間の情報が本文です。

a4b561c25d9afb9ac8dc4d70affff419 と 0d36329ec37a2cc24d42c7229b69747a の間のテキストは太字です。 a4b561c25d9afb9ac8dc4d70affff419名前が示すように、太字を意味します。

HTML ファイルは通常のテキストに似ていますが、100db36a723c770d327fc0aef2ce13b1、a4b561c25d9afb9ac8dc4d70affff419 など、通常のテキストよりも多くのタグが含まれています。これらのタグを通じて、ブラウザーにファイルの表示方法を指示できます。

HTML 要素

HTML 要素は、テキストをマークし、テキストの内容を表すために使用されます。たとえば、body、p、title は HTML 要素です。

HTML 要素は adb87176d14b25712f81b16b321b58f8 で終わるタグで表されます。

タグは通常、6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 のようにペアで表示されます。開始タグは開始タグ、終了タグは終了タグと呼ばれます。

現在、HTML タグでは大文字と小文字が区別されません。たとえば、6a74014ee44f5deb5894267f99b68016 と 100db36a723c770d327fc0aef2ce13b1 は同じです。

HTML 要素の属性

HTML 要素は属性を持つことができます。属性は HTML 要素の機能を拡張します。

たとえば、次のように bgcolor 属性を使用してページの背景色を赤にすることができます:

5bd2413fb59889bf0da8c9f08b90855f

別の例として、border 属性を使用して、テーブルをボーダーレステーブルに。以下のように:

834763c67ef419e9ac4571065f99ad9a

属性は通常、name="value" のように属性名と値のペアで表示されます。上の例では、bgcolor と border が名前、red と 0 が値です。属性値は通常、二重引用符でマークされます。この属性は通常、HTML の終了タグではなく、開始タグに付加されます。

テキスト タイトル

この例では、HTML ファイルでテキスト タイトルを定義する方法を示します。

HTML では、4a249f0d628e2318394fd9b75b4636b1 から 4e9ee319e0fa4abc21ff286eeb145ecc までのタグを使用して、大きいものから小さいものまでテキスト タイトルを定義します。各テキストのタイトルは独自の段落です。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3> 
<h4>This is a heading</h4> 
<h5>This is a heading</h5> 
<h6>This is a heading</h6>

段落分割

HTML で段落を分割するには e388a4556c0f65e1904146cc1a846bee と 94b3e26ee717c64999d7867364b1b4a3 を使用します。

<p>This is a paragraph</p>
<p>This is another paragraph</p>

改行

0c6dc11e160d3b678d68754cc175188aタグを使用すると、新しい段落を作成せずに改行することができます。 0c6dc11e160d3b678d68754cc175188a終了タグがありません。改行に e388a4556c0f65e1904146cc1a846bee を使用するのは悪い習慣です。0c6dc11e160d3b678d68754cc175188a を使用するのが正しいです。

e388a4556c0f65e1904146cc1a846beeこれは改行を含む段落0c6dc11e160d3b678d68754cc175188aグラフです94b3e26ee717c64999d7867364b1b4a3

HTML コメント

HTML ファイルでは、このようにコードを説明するコード コメントを書くことができます。将来的には、他の人があなたのコードをよりよく理解できるようになります。

コメントは1cfbde8df964b57a36073cfdf0835a54の間に記述できます。ブラウザはコメントを無視するため、HTML 本文にはコメントが表示されません。

<!--This is a comment -->

いくつかのヒント

HTML ファイルでは、余分なスペースが自動的に削除されます。スペースをいくつ追加しても、すべて 1 つのスペースとしてカウントされます。空白行もスペースとみなされます。

一部のタグでは、e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 を使用せずにテキストを段落に分割できます。たとえば、

などのタイトル タグです。

【関連おすすめ】

HTMLとHTML5の発展の歴史

HTML をゼロから学習できる HTML の基本要素

以上がHTMLファイルとは何ですか? HTML ファイルについての予備的な理解の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。