このコースを説明する前に、ブラウザが何であるかを見てみましょう。
いわゆるブラウザは、HTMLコードを解釈および実行できるツールです。ブラウザ、把握する必要がある別の概念があります！ = IE、つまりはブラウザの1つにすぎません。 IEに加えて、多くのブラウザがあり、Googleで知ることができます。詳細は説明しません。
まず、HTMLとは何かを理解しましょう
HTMLとは何ですかHTMLのフルネーム：ハイパーテキストマークアップ言語（ハイパーテキストマークアップ言語）。 Webページの外観とWebページのコンテンツを説明するのはテキストです。 HTMLがさまざまな効果を示すことができる理由は、ブラウザの機能です。
補足コンテンツ：ここでは、いくつかのコンテンツを拡張します。これは同じHTMLテキストであり、ブラウザがなければ効果は異なる場合があります。これは、複数のブラウザーが最初に表示され、次に対応する標準が利用可能であるためです。この状況を考えると、IETESTERを使用して、異なるブラウザで同じHTMLコードの互換性の問題をテストできます。
2。静的ページと動的ページ
もう1つ知っておく必要があるのは、静的ページと動的ページの違いです。
まず、Webサイトのページは静的ページと動的ページに分割されます。
静的ページ：接尾辞HTMLまたはHTMLを含むすべての静的ページは静的ページであり、サーバーに固定HTMLページがあります。
ダイナミックページ：ユーザーが閲覧する必要があるサーバーにページはありませんが、サーバーは顧客が必要とするHTMLページを動的に生成し、顧客に表示できます。
1つの文で2つの違いを要約するには：ダイナミックページサーバー側コードを実行するダイナミックページ、静的ページはサーバー側コードを実行できません（最初に学ぶことができます、それは大丈夫です、結局、静的ページは今日のディスカッションの焦点です）
3. HTMLページを書き込む方法は？
HTMLを作成するためのツールがたくさんあります。誰もがノートパッドを知っていると信じており、メモ帳でHTMLページを書くことができます。もちろん、editplus/ultraeditなどの高度なメモ帳で書くことも、DreamWeaverなどのツールを使用することもできます。
次の図は、HTML Webページの基本構造です
上記の写真から、すべてのコンテンツが<html> </html>タグ内にあることがわかります。 <head> </head>ヘッド情報を入れて、ページの説明はページに表示されません。ページのタイトルは<title> </title>に設定されており、<title>は<head>にのみ配置できます。 <body> </body>はページの本体であり、このタグのテキストはWebページに表示されます。もちろん、すべてのページには少なくともこれらの部分が含まれている必要があります。
ヒント：タイトルタグのエンドタグが閉じていない場合、ページ全体が表示されません。
4. HTMLとXMLの類似性と相違点
類似点：それらはすべてマークアップ言語であり、DOMからアクセスでき、CSSを介して変更できます。
違い：
XMLはHTML構文よりも厳しいものです。STARTタグがある場合、ENDタグ、一貫したケース、属性の二重引用符などが必要です。XMLはデータストレージに焦点を当て、HTMLはデータ表示に焦点を当てます。5.xhtmlおよびdhtml
XHTML：拡張可能なマークアップ言語は、XML構文仕様に沿ったHTMLです。 XHTMLの出現は、主にXMLに移行することです。 XHTMLには、二重引用符のすべての小文字、タグペアリング、および属性が必要です。
DHTML：動的HTMLの略語は動的HTMLです。 HTML、StyleSheets、およびJavaScriptの組み合わせ
サプリメント：Web標準は標準ではなく、一連の標準のコレクションです。
Webページは、構造、パフォーマンス、動作の3つの部分で構成されています
構造：テキスト、写真、その他の対応する言語：XML、XHTML
表現：テキストサイズや色など、スタイルとも呼ばれます。これらはスタイルによっても実現されます。 CSS
動作：クライアントの動的効果は、一般にJavaScriptを介して完了します。 dom、ecmascript
次に、トピックにアクセスしましょう。HTMLの一般的に使用されるタグを学びます。
6.htmlタグ
01、Hタグ（タイトル）、HTMLは、<h1> </h1>から<h6> </h6>までの6つのHタグを定義し、それぞれ異なるサイズのフォントを表します。 H1は最大で、H6は最小です。
02、<br/>入力するだけで、それ自体を閉じるのはタグです
03、<p>はセグメンテーションです。 <p>前後に比較的大きな空白がありますが、ノーはありません。
04、<center> center> center </center>センター>センター。 （お勧めしません）
05、<b> a </b>太字、推奨。 <i> b </i>斜体。 <u> c </u>下線付き。 <em>皇后、斜体</em>
06、<font> </font> fontタグ、<font color = "red" size = "7" face = "lishu"> red </font>
07、<hr>水平線の一般的なプロパティ：カラーサイズ（厚さ）幅（長さ）align = left/center/右（デフォルトはプレイに表示されます）
7.html特殊文字
＆quot;
＆＆amp;
<＆lt;
>＆gt;
スペース＆nbsp;
©＆copy;
®＆reg;
²＆sup2;
¥＆yen;
³＆sup3;
8。画像形式の拡張子
9。画像タグ：<img alt = "表示できないときのプロンプトテキスト">
ALT：画像を表示できないときのプロンプトテキスト。
10。ハイパーリンク：
HREFは接続するターゲットページを指し、ターゲットウィンドウを指すターゲットは値であり、値は取得されます
_blank：新しいウィンドウで開きます
_self：自分のウィンドウで開きます
_Parent：親ウィンドウで開きます
_TOP：トップレベルのウィンドウで開くことを意味します
フレーム名：指定されたフレームで開きます。 （学ぶ）
アンカーリンク：01アンカー位置を設定します
<a name = showbigimg> <img src = image/02.jpg> </a>
02。アンカーを呼び出します
<a href =＃showbigimg>美しい女性を見てください</a>
11。HTMLのリスト：
順序付けられていないリスト、順序付けられたリスト、および定義されたリストに分割されます
さまざまなリストの表示効果図を見てみましょう
順序付けられていないリスト：
<ul>
<li> </li>
<li> </li>
</ul>
注文リスト
<ol>
<li> </li>
<li> </li>
</ol>
定義リスト：
<dl>
<dt>中国</dt>
<dd>上海</dd>
<dd>広州</dd>
<dd> beijing </dd>
</dl>
タイプの値は、1 、a、a、i、i、disc、circle、squareです。
12。表：レイアウトに使用されることもある通常のデータを表示します。
上記の図からわかるように、テーブルは行と列で構成され、行はTRで表され、列はTDで表されます。また、rowspan（マージ行）、colspan（および平行）を使用して、セルをマージすることもできます。
演習1：HTMLコードを使用してテーブルを出力します
演習2：テーブルの交差列と交差列
13。フォーム
アクションデフォルトでこのページにデータを送信します
サーバーにデータを送信する場合は、<inupt>、<textarea>、<select>などのフォーム要素をフォームに配置する必要があります。入力のタイプの値は次のとおりです。
チェックされた属性は、ラジオボタンとチェックボックス用に準備されています。
ラジオボタンは相互に排他的な値のセットに使用されます。効果図は次のとおりです。
チェックボックスエフェクト図は次のとおりです
ボタンの送信ボタン、リセットボタン、通常のボタンの3つの主要なタイプがあります。
ドロップダウンリストボックス
文法：
14。マルチラインテキストボックス：
<TextArea> Text </textarea>、cols = "50"、rows = "15"属性は、行と列の数を表します。
一般的なフォーム要素の使用：
これが今日のHTMLに関する議論の終わりです。