バックエンド プログラマーがフロントエンド (HTML) について語る レッスン 1: HTML の概要_html/css_WEB-ITnose

1. HTML とは何ですか?

HTML はプログラミング言語ではなく、Web ドキュメント (ページ構造) を記述するために使用されるマークアップ言語です。

HTML はハイパー テキスト マークアップ言語 (Hyper Text Markup Language) を指します。テキストに含まれるため、ハイパー テキスト マークアップ言語と呼ばれます。いわゆる「ハイパーリンク」ポイント。 ;

HTML は、画像、表、リンクなどの「テキスト」よりも豊かな意味を表現するために独自の文法規則を規定しています。ブラウザ (IE、FireFox など) ソフトウェアは HTML 言語の構文を認識しているため、HTML ドキュメントを表示するために使用できます。現在、インターネット上のほとんどの Web ページは HTML を使用して作成されています。

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

簡単に言えば、HTML の構文は、ユーザー (人またはプログラム) がテキストをよりよく理解できるように、テキストの意味を示すタグ (Tag) をテキストに追加することです。 htmlの最も単純なドキュメント：

rreeerreee rreee rreee rreee rreee rreee rreee rreee rreee rreee htmlドキュメントは、＆lt;＆lt; と。

要素は、ドキュメントのタイトル (タイトルを含めるために 要素に配置する必要があります。 要素は、ブラウザ (IE、Firefox など) で HTML ドキュメントを表示するときに、通常、 タグで囲まれたコンテンツをクリックすると、別のページにジャンプします。ジャンプ先のページのアドレスは要素のhref属性で指定します。上記の では、href 属性の値は http://hanzhaoxin.cnblogs.com/ です。 3. HTML ドキュメントにはどのようなコンテンツを含めることができますか?

HTML ドキュメントには、さまざまなタグを使用して、テキスト、リンク、画像、リスト、表、フォーム、フレームなどのさまざまなコンテンツを含めることができます。

テキスト: HTML はテキストを最も豊富にサポートしており、さまざまなレベルのタイトル、段落、改行を設定したり、テキストの意味や外観を指定したり、テキストが他の場所から引用されていることを示すことができます。の上。

リンク: リンクは、コンテンツが別のページまたは現在のページのどこかに関連していることを示すために使用されます。

写真: 写真は、ページをより美しくしたり、より多くの情報を提供したりするために使用されます。

リスト: リストは、一連の項目が互いに関連していることを示すために使用されます。

テーブル: テーブルは、行と列によってデータを編成する形式です。ページ レイアウトに表を使用する人もたくさんいます。

フォーム: フォームは通常、テキスト入力ボックス、ボタン、複数選択ボックス、ラジオ ボタン、ドロップダウン リストなどで構成され、HTML ページをよりインタラクティブにします。

フレーム: フレームを使用すると、ページに他のページを含めることができます。

4. HTML についてどのような概念について話せますか?

ドキュメント:

HTML ドキュメントは一般に Web ページとして知られています。

タグ:

山かっこで囲まれたキーワードがタグになります。通常、HTML タグは、、 などのペアで表示されます。

開始タグ: タグペアの最初のタグは開始タグであり、開始タグにもなります。 など。

終了タグ: タグペアの 2 番目のタグは終了タグであり、終了タグにもなります。 など。

要素:

一致するタグのペアと、それらが囲むコンテンツを要素と呼びます。つまり、(要素 = 開始タグ + コンテンツ + 終了タグ) となります。例: 私のブログ。

ブロックレベル要素: デフォルトでブラウザで表示されるときに改行で始まる (および終わる) 要素。

インライン要素: インライン要素とも呼ばれ、ブラウザーがデフォルトで表示するときに、同じ行に左から右に表示され、別の行を占有しません。

属性:

名前と値のペアの形式で表示される開始タグ内のコンテンツは属性と呼ばれます。上の例のように: href="http://hanzhaoxin.cnblogs.com/"。 (href は属性名、「http://hanzhaoxin.cnblogs.com/」は属性値です)。