HTMLの基礎知識：ウェブページの基礎知識

HTML は Hypertext Markup Language の略です。これは、実際のプレゼンテーションではなく、ドキュメントの構造を記述する言語です。
HTML 言語では、説明タグ (マークアップコードと呼ばれる) を使用して、ドキュメントのさまざまなコンテンツを示します。マークアップコードは、テキストのさまざまなコンポーネントを区別する区切り文字であり、HTML ドキュメントを段落、見出し、表などの異なる論理部分 (または構造) に分割するために使用されます。マークアップコードはドキュメントの構造を記述し、ドキュメントの外観特性を伝えるためにブラウザーにドキュメントの書式設定情報を提供します。
HTML で書かれたページは、プラットフォームやプログラム固有の情報が含まれず、どのテキストエディターでも読み取ることができる通常のテキストドキュメントです。
HTML ファイルを生成するには、手動でコンパイルする方法と、Web ページエディターで生成する方法の 2 つの方法があります。Dreamweaver 3.0 はそのような Web ページエディターです。Dreamweaver 3.0 を使用して Web ページを作成する場合、Dreamweaver 3.0 は Web ページの HTML ファイルを生成します。そのため、HTML ファイルを手動でコンパイルする方法を学ぶ必要があります。以下では、HTML ファイルを手動でコンパイルする方法に関する基礎知識を紹介します。
HTML ドキュメントには 2 種類の情報が含まれています。1 つはテキスト、グラフィックなどのページ自体のコンテンツであり、もう 1 つはページ要素、構造、形式、およびその他のハイパーテキストリンクを表す HTML タグです。
ブラウザが HTML ファイルを読み取り、HTML タグに遭遇すると、タグで定義された形式でページの内容が表示されます。 HTML タグの基本的な形式は次のとおりです。
<label>ページコンテンツ</label>
前のタグは定義された形式の始まりを示し、次のタグはこの形式の終わりを示します。たとえば、「Helloworld! 」は「Hello world」が太字で表示されることを意味します。
一般的に使用されている 2 つのブラウザ、360 と Internet Explorer は、HTML タグの解釈が異なります。つまり、同じタグが異なるブラウザで異なって表示され、解釈できるタグも異なります。同じブラウザの異なるバージョンでもこの問題が発生します。したがって、Web ページをコンパイルするときには、この問題に注意する必要があります。一般的に言えば、この現象はよく使われる通常の機能では発生せず、新しい高度な機能でのみ発生します。 Dreamweaver 3.0 では、これら 2 つのブラウザを可能な限り考慮し、これらの問題に対処するためのいくつかの方法を提供しています。
HTML ファイルは、Windows アクセサリのメモ帳など、任意のテキストエディタを使用して入力できるプレーンテキストファイルです。ファイルを保存するときは、ファイル拡張子を「HTML」または「HTM」にする必要があります。
HTML ファイルの全体的な構造は次のとおりです。
<HTML>
<ヘッド>
<タイトル>...</タイトル>
</HEAD>
<本文>
</本文>
</HTML>
以下では、HTML ファイルの全体構造における HTML タグについて説明します。
<HTML>: すべてのHTMLページの最初のHTMLタグは<HTML>で、ファイルの内容がHTML言語で書かれていることを示します。HTMLページ内のすべてのテキストとHTMLタグは、
<HTML>...</HTML> の開始タグと終了タグ。
<HEAD>: <HEAD> タグは、このタグに含まれるテキストがドキュメント内の他のテキストの序文であることを示します。通常、ファイルの <HEAD> 部分には小さな部分だけが書き込まれます。ページコンテンツのテキストはページヘッダーに書き込まれるべきではありません。
<TITLE>: <TITLE> タグ間に含まれるテキストは、ページヘッダータイトルと呼ばれます。ブラウザは、ページヘッダータイトルをページウィンドウのタイトルバーに配置します。
<BODY>: HTML ページの内容は <BODY> タグに含まれます。
HTML ファイルの基本的な形式、概念、タグを理解します。編集したテキストファイルに次の内容を記述します。
<HTML>
<ヘッド>
<TITLE>こんにちは世界！<TlTLE>
</HEAD>
<本文>
HeIIo World!
これは私の最初のウェブです。
</本文>
</HTML>
これは単純な HTML ファイルです。ファイルに名前を付けて保存しましょう。ファイルに名前を付けるときは、次の点に注意してください。
(1) DOS/Windows システムでは拡張子は「.htm」、UNIX システムでは拡張子は「.html」です (UNIX システムではファイル名の大文字と小文字が区別されることに注意してください)。

<<: Docker ベースの Redis マスタースレーブクラスタの実装

>>: 私が良いと思うクールなデザインサイトをいくつかまとめてみました。