HTML+CSS HTML の簡(jiǎn)単な入門

起源

World Wide Web上のハイパーメディアドキュメントはページ（外國語: page）と呼ばれます。組織または個(gè)人が World Wide Web 上で開始點(diǎn)を置くページは、ホームページ (外國語: Homepage) またはホームページと呼ばれ、通常、ホームページには、他の関連ページまたは他のノードへのポインター (ハイパーリンク) が含まれています。ＵｎｉｆｏｒｍＲｅｓｏｕｒｃｅＬｏｃａｔｏｒ（ユニフォームリソースロケータ、外國語略稱：ＵＲＬ）ポインタであり、これをアクティブ化（クリック）することにより、ブラウザは新しいウェブページを容易に取得することができる。これは、HTML が広く使用されている最も重要な理由の 1 つでもあります。全體として論理的に表示されるページの有機(jī)的な集合體は、Web サイト (Web サイトまたはサイト) と呼ばれます。 Hypertext Markup Language（英語略稱：HTML）とは、「Webページの作成やWebブラウザで見ることができるその他の情報(bào)」のために設(shè)計(jì)されたマークアップ言語です。

Web ページの本質(zhì)はハイパーテキストマークアップ言語であり、他の Web テクノロジ (スクリプト言語、パブリックゲートウェイインターフェイス、コンポーネントなど) と組み合わせることで、強(qiáng)力な Web ページを作成できます。したがって、ハイパーテキストマークアップ言語は World Wide Web (Web) プログラミングの基礎(chǔ)であり、World Wide Web がハイパーテキストに基づいて構(gòu)築されていることを意味します。ハイパーテキストマークアップ言語は、テキストにいわゆる「ハイパーリンク」ポイントが含まれているため、ハイパーテキストマークアップ言語と呼ばれます。 [1]

定義

ハイパーテキストマークアップ言語は、標(biāo)準(zhǔn)ユニバーサルマークアップ言語に基づくアプリケーションであり、仕様および標(biāo)準(zhǔn)でもあります、

ハイパーテキストマークアップ言語 (16枚)

マーカーシンボルを渡します表示される Web ページのさまざまな部分にマークを付けます。 Web ページのファイル自體はテキストファイルです。テキストファイルにタグを追加することで、コンテンツの表示方法 (テキストの処理方法、畫像の配置方法、畫像の表示方法など) をブラウザーに指示できます。ブラウザはWebページのファイルを順番に読み込み、タグに基づいてマークされた?jī)?nèi)容を解釈して表示します。タグが間違って書かれていてもエラーは指摘されず、コンパイラは解釈と実行のプロセスを停止することはできません。表示効果とエラー箇所からエラーの原因を分析します。ただし、異なるブラウザでは同じタグがまったく同じ解釈を持たない可能性があるため、表示効果が異なる場(chǎng)合があることに注意してください。

言語機(jī)能

ハイパーテキストマークアップ言語のドキュメント作成はそれほど複雑ではありませんが、強(qiáng)力であり、さまざまなデータ形式でのファイルの埋め込みをサポートしています。これは、World Wide Web の人気の理由の 1 つでもあります。 (WWW) その主な機(jī)能は次のとおりです:

シンプルさ: スーパーセットメソッドを使用してハイパーテキストマークアップ言語のバージョンがアップグレードされ、より柔軟で便利になりました。

拡張性: ハイパーテキストマークアップ言語の幅広い用途により、拡張機(jī)能と追加された識(shí)別子の要件が生じ、システムの拡張を確実にするためにサブクラス要素の方法が採用されています。

プラットフォームの獨(dú)立性: パーソナルコンピューターが人気ですが、MAC などの他のマシンを使用している人も多く、ハイパーテキストマークアップ言語は幅広いプラットフォームで使用できます。これが World Wide Web (WWW) の人気のもう 1 つの理由です。

汎用性: さらに、HTML はインターネットの世界共通言語であり、シンプルで普遍的な萬能マークアップ言語です。これにより、Web ページ制作者はテキストと畫像を組み合わせた複雑なページを作成でき、使用するコンピュータやブラウザの種類に関係なく、インターネット上の誰でもこれらのページを閲覧できるようになります。

書き方

実際はテキストであり、ブラウザによる解釈が必要です。エディタは大きく3種類に分けられます。

基本的なテキストおよび文書編集ソフトウェアを使用するか、Microsoft獨(dú)自のメモ帳を使用して書くことができます。もちろん、WPS を使用して書き込むこともできます。ただし、ブラウザが認(rèn)識(shí)して直接解釈して実行できるよう、保存する際は拡張子を.htmまたは.htmlにしてください。

準(zhǔn) WYSIWYG ソフトウェア、

など: FCK-Editer、E-webeditor およびその他のオンライン Web エディター

特に推奨: Sublime Text コードエディター (Jon Skinner によって開発、Sublime Text 2 は有料ですが無期限に使用できます)試してみる）。

WYSIWYG ソフトウェアは、HTML の知識(shí)がなくても、次のような Web ページを作成できます。

FRONTPAGE (作成: Microsoft); Dreamweaver（制作：Adobe）。

半 WYSIWYG ソフトウェアと比較して、WYSIWYG ソフトウェアは開発がより速く、より効率的で、より直観的です。任意の場(chǎng)所で行われた変更は、表示するために更新するだけで済みます。欠點(diǎn)は、生成されたコードの構(gòu)造が複雑であるため、複數(shù)人でのコラボレーションや大規(guī)模な Web サイトの正確な配置などの高度な機(jī)能の実現(xiàn)に役立たないことです。

文字セット

Web ページで共通の米國標(biāo)準(zhǔn)コード (外國語略語: ASCII) 文字と中國語文字を表示することに加えて、HTML には多くの特殊文字もあり、これらが合わせて HTML 文字セットを構(gòu)成します。。特殊文字を使用する必要がある狀況は 2 つあります。1 つは Web ページ內(nèi)で特別な意味を持つ文字であり、もう 1 つはキーボードで使用できない文字です。 HTML 文字はいくつかのコードで表現(xiàn)でき、コードは 2 つの方法で表現(xiàn)できます。つまり、文字コード (名前付き実體) と數(shù)値コード (番號(hào)付き実體) です。文字コードは「&」文字で始まりセミコロン「;」で終わり、®のように文字名が入ります。數(shù)値コードも「&#」文字で始まり、セミコロン「;」で終わり、その間に?などの數(shù)字が入ります。

全體構(gòu)造

Web ページは、複數(shù)の HTML ファイルに対応しており、ハイパーテキストマークアップ言語ファイルの拡張子は .htm (ディスクオペレーティングシステム DOS によって制限されている外國語の略語) または .html (外國語の略語) です。 TXT タイプのソースファイルを生成できるテキストエディターを使用して、ファイルの接尾辭を変更するだけでハイパーテキストマークアップ言語ファイルを生成できます。

HTML

標(biāo)準(zhǔn)のハイパーテキストマークアップ言語ファイルには、基本的な全體構(gòu)造があります。タグは通常、ペアで表示されます (<br/> などの一部のタグを除く)。つまり、ハイパーテキストマークアップ言語ファイルの開始タグと終了タグ、およびスーパータグです。テキストマークアップ言語の 2 つの部分は、ヘッダーとエンティティです。ページの全體的な構(gòu)造を確認(rèn)するために使用される 3 つの二重マーカーがあります。

タグ <html> は、ファイルがハイパーテキストマークアップ言語 (このタグの完全な中國語名) を使用して記述されていることを示します。

HTML コード

これはファイルの先頭であり、</html> , ファイルの終わりを示します。ハイパーテキストマークアップ言語ファイルの開始タグと終了タグです。

ヘッダー內(nèi)容

HTMLについて(寫真4枚)

<head></head>; この2つのタグはそれぞれヘッダー情報(bào)を表します。。ヘッダーに含まれるタグは、ページのタイトル、序文、説明などの內(nèi)容であり、コンテンツそのものとしては表示されませんが、Web ページの表示効果に影響を與えます。ヘッダーで最もよく使用されるタグは、title タグと meta タグです。title タグは、Web ページのタイトルを定義するために使用されます。Web ページのタイトルは、Web ページのタイトルバーに表示されます。ブラウザのブックマークやお?dú)荬巳毪辘趣筏频清hできます。

文書のタイトルや、方向、言語コード(エンティティ定義! ENTITY % i18n)、指定した辭書のメタ情報(bào)など、Webページに表示されない情報(bào)を設(shè)定します。

メインコンテンツ

ハイパーテキストマークアップ言語(寫真2枚)

<body></body>;テキストタグの間に2。テキストタグはエンティティタグとも呼ばれます。

歴史

ハイパーテキストマークアップ言語 (初版) - 1993 年 6 月に Internet Engineering Task Force (IETF) の作業(yè)草案として発行 (標(biāo)準(zhǔn)ではありません):

HTML 2.0 - 1995 年 11 月に RFC 1866 として発行、RFC 2854 が 2000 年 6 月に公開された後、廃止されたと宣言されました

HTML 3.2 - 1997 年 1 月 14 日、W3C 勧告

HTML 4.0 - 1997 年 12 月 18 日 W3C 推奨標(biāo)準(zhǔn)

HTML 4.01 (マイナー改善) - 1999 年 12 月 24 日、W3C推奨標(biāo)準(zhǔn)

HTML 5 - 2014 年 10 月 28 日、W3C 推奨標(biāo)準(zhǔn) [4] (詳細(xì)については、こちらの參考文獻(xiàn)を參照)

ISO/IEC 15445:2000 (「ISO HTML」) - 2000 年 5 月 15 日にリリース、厳密な HTML 4.01 構(gòu)文は、國際標(biāo)準(zhǔn)化機(jī)構(gòu)および國際電気標(biāo)準(zhǔn)會(huì)議の標(biāo)準(zhǔn)です。

Wijmo は、HTML5、jQuery、CSS3、SVG をベースとしたコントロールパッケージで、今日の Web システム構(gòu)築のニーズを満たすことができます。 Wijmo をベースにすると、システムはより高速かつスムーズに動(dòng)作し、見た目もより魅力的になります。 Wijmo のすべての新しいコントロールは、最新の UI デザイントレンドに基づいて、新しく改良されたテーマにカプセル化されています。美しくプロフェッショナルな外観のコントロールは、アプリケーションを人目を引くものにします。たとえば、ComponentOne Studio for ASP .NET Wijmo コントロールパッケージには 6 つの組み込みテーマがあり、jQuery UI プロジェクトによって提供される 30 を超えるテーマを使用できます。また、ThemeRoller を使用して獨(dú)自のシステムテーマを作成することもできます。

HTML にはバージョン 1.0 はありませんでした。當(dāng)時(shí)はさまざまなバージョンがあったからです。 Tim Berners-Lee のバージョンが最初のバージョンであると考えるべきだと考える人もいます。このバージョンには IMG 要素がありません。當(dāng)時(shí) HTML+ として知られていた後継バージョンの開発は 1993 年に始まり、當(dāng)初は「HTML のスーパーセット」として設(shè)計(jì)されました。最初の公式仕様では、當(dāng)時(shí)のさまざまな HTML 標(biāo)準(zhǔn)と區(qū)別するために、バージョン番號(hào)として 2.0 が使用されました。 HTML+ の開発は続けられましたが、標(biāo)準(zhǔn)になることはありませんでした。

HTML 3.0 仕様は、1995 年 3 月に當(dāng)時(shí)新たに設(shè)立された W3C によって提案されました。この仕様では、テーブル、テキストの折り返し、複雑な數(shù)學(xué)的要素の表示など、多くの新機(jī)能が提供されます。バージョン 2.0 と互換性を持つように設(shè)計(jì)されましたが、當(dāng)時(shí)は標(biāo)準(zhǔn)の実裝作業(yè)が複雑すぎたため、1995 年 9 月に草案の有効期限が切れると、ブラウザのサポートが不足していたため、標(biāo)準(zhǔn)の開発は中止されました。バージョン 3.1 は正式に提案されることはなく、次に提案されたバージョンは HTML 3.2 (開発コード名 Wilbur) で、3.0 の新機(jī)能のほとんどが削除されましたが、 Netscape や Mosaic などの多くのブラウザ固有の要素と屬性が追加されました。 HTML による數(shù)式のサポートは、最終的に別の標(biāo)準(zhǔn)である MathML になりました。

HTML 4.0 では、多くのブラウザー固有の要素と屬性も追加されましたが、同時(shí)に標(biāo)準(zhǔn)の「クリーンアップ」も開始され、一部の要素と屬性が廃止されたものとしてマークされ、今後は使用しないことが推奨されています。 HTML の將來は、CSS とより適切に組み合わせられるようになるでしょう。

HTML 5 ドラフトの前身は Web アプリケーション 1.0 と呼ばれていました。 2004 年に WHATWG によって提案され、2007 年に W3C によって承認(rèn)され、新しい HTML 作業(yè)チームが設(shè)立されました。 2008 年 1 月 22 日、最初の公式草案がリリースされました。

XHTML1.0 - 2000 年 1 月 26 日にリリースされた、W3C 推奨標(biāo)準(zhǔn)であり、その後改訂され、2002 年 8 月 1 日に再リリースされました。

XHTML 1.1、2001 年 5 月 31 日にリリースされた、W3C 推奨標(biāo)準(zhǔn)。

XHTML 2.0、W3C ワーキングドラフト。

XHTML 5、HTML 5 ドラフトに基づく XHTML 1.x の更新バージョン。

HTML4.01が共通バージョンです。

関連要件

HTML

ハイパーテキストマークアップ言語ファイルを編集し、関連タグを使用する場(chǎng)合、いくつかの規(guī)則またはデフォルト要件があります。

テキストマークアップ言語ソースプログラムのファイル拡張子は、オペレーティングシステムまたはプログラムによる識(shí)別を容易にするために、デフォルトで htm (ディスクオペレーティングシステム DOS によって制限されている外國語の略語が拡張子です) または html (外國語の略語が拡張子です) です。、カスタマイズされた中國語の文字拡張子名を除く。テキストエディタを使用する場(chǎng)合は、拡張子を変更するように注意してください。よく使われる畫像ファイルの拡張子はgifやjpgです。

ハイパーテキストマークアップ言語のソースプログラムはテキストファイルであり、列幅に制限はありません。つまり、複數(shù)のタグを 1 行に記述することができ、複數(shù)行で記述する場(chǎng)合はファイル全體を 1 行に記述することもできます。ブラウザは通常、ファイル內(nèi)のキャリッジリターンを無視します (マークの指定を除く)。ファイル內(nèi)のスペースは、通常、ソースプログラムのとおりには表示されません。完全なスペースは、特殊記號(hào) (エンティティ文字)「 (スペースを使用するには、この文字を小文字にする必要があることに注意してください)」を使用して、改行以外のスペースを表すことができます。ファイルパスとファイル名を區(qū)切るには、記號(hào)「/」を使用します。パスの説明には二重引用符を使用することもできます。引用符で囲む必要はありません。

タグ內(nèi)のタグ要素は山括弧で囲まれており、スラッシュ付きの要素はタグの説明の終わりを示します。ほとんどのタグは、アクションの開始と終了を示すためにペアで使用する必要があります。タグ要素は大文字と小文字を區(qū)別しません。つまり、機(jī)能は同じですが、完全なスペースには特殊記號(hào)「 (スペースを使用する前にこの文字は小文字である必要があることに注意してください)」を使用できます。多くのマーク要素には屬性の説明があり、パラメータを使用してさらに詳細(xì)に説明できます。要素、複數(shù)のパラメータ、または屬性項(xiàng)目の説明を制限するタグ要素の內(nèi)容はスペースで區(qū)切って複數(shù)行に記述できる限り、順序は制限されません。

山括弧、マーク要素、屬性項(xiàng)目などを含むマーク記號(hào)には、全角文字ではなく半角歐文文字を使用する必要があります。

HTML コメントは、 など、「」で終わります。注釈コンテンツはテキスト內(nèi)のどこにでも挿入できます。先頭に感嘆符が挿入されているマークはコメントとしてマークされ、表示されません。

共通エンティティ

タグ

HTML の例

ハイパーテキストマークアップ言語は、複數(shù)のデータ型を定義します。スクリプトデータやスタイルシートデータ、ID、名前、URI、番號(hào)、長(zhǎng)さの単位、言語、メディア記述子、色、文字エンコーディング、日付と時(shí)刻などの多數(shù)の種類の屬性値が含まれます。これらのデータ型はすべて特殊な文字データです。

學(xué)び続ける