このコースを説明する前に、ブラウザが何であるかを見てみましょう。
いわゆるブラウザは、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に関する議論の終わりです。