次の方法で共有


HTML の基礎

ほとんどのブラウザーに参照するページの HTML ソースをチェックする機能があります。、一部の HTML (ハイパーテキストのマークアップ言語)のタグを表示ソースを表示する場合、テキストを使用すると、山かっこ (<>)で囲みます。

単純な Web ページを作成するための HTML タグの下の手順。次の手順では、テキストエディタ ファイルにプレーン テキストを入力し、多少の変更を行い、ファイルを保存し、変更を表示するには、ブラウザーでページを再度読み込みます。

HTML ファイルを作成するには

  1. テキストエディタまたはプレーンテキスト エディターを開きます。

  2. ファイル で、メニューの Newを選択します。

  3. 次の行を入力します:

    <HTML>
    <HEAD>
    <TITLE>Top HTML Tags</TITLE>
    </HEAD>
    </HTML>
    
  4. ファイル で、メニューの 上書き保存(&&S),保存(&&S),上書き保存,保存,保存しますかを選択し、 c としてファイルを保存する: \webpages\First .htm。エディターにファイルを開いたままにしておきます。

  5. ブラウザーに、 ファイル のメニューのをクリックするか 開く(&&O),開く,[開く]、または入力します。ブラウザーの URL のエディット ボックスの file://C:/webpages/first.htm を切り替えます。ウィンドウ キャプションを含む空白のページが 「HTML タグを超えるに表示されます」。

    タグが山かっこと組み合わせされ、含まれていることを確認します。タグは、大文字と小文字は区別されませんが、タグを一方立たせます大文字は頻繁に使用されます。

    タグ <HTML> は、ドキュメントを開始し、タグ </HTML> は、実行を停止します。タグは終了 (必須)の開始タグと同じですが、タグの前にはスラッシュ (/)です。山かっこ () < 開始タグとタグの間に区分はありません。

  6. </HEAD> の行、型テキストエディタ後に戻り、切り替える場合:

    <BODY>
    HTML is swell.
    Life is good.
    </BODY>
    
  7. ファイル で、メニューの 上書き保存(&&S),保存(&&S),上書き保存,保存,保存しますかを選択します。

  8. ブラウザーに戻り、ページを更新します。

    Word は、ブラウザー ウィンドウのクライアント領域に表示されます。復帰が無視されないことに注意してください。改行を指定する場合は、後の最初の行 <BR> のタグを含めます。

    ドキュメントの本体に追加するに <本体> と </BODY> 間のテキストのどこにでも続いたり、挿入するすべてのステップの場合は。

  9. ヘッダーを追加します:

    <H3>Here's the big picture</H3>
    
  10. ページと同じディレクトリに格納された .gif ファイルを使用してイメージを追加します:

    <IMG src="yourfile.gif">
    
  11. リストを追加します:

    <UL>Make me an unordered list.
    <LI>One programmer</LI>
    <LI>Ten SDKs</LI>
    <LI>Great Internet Apps</LI>
    </UL>
    
  12. リストにはなく番号を付けるには、 <UL> と </UL> のタグの代わりに組み合わせされた <OL> と </OL> のタグを使用します。

これは、開始する必要があります。Web ページの大きい機能は、 HTML ソースを調べることによってどのように作成されるかを確認できます。Microsoft の最初の要素などの HTML エディターが簡単および構成の詳細ページを作成するために使用できます。

ビルド ファイルの HTML ソースを次に示します。:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

タグの詳細については、属性と拡張子は、 Hypertext Markup Language (HTML)の仕様が表示されます:

http://www.w3.org/pub/WWW/MarkUp/

参照

概念

MFC インターネット プログラミングの基礎