ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML文書の基本構造(Webページ制作の基礎知識)_HTML/Xhtml_Webページ制作

HTML文書の基本構造(Webページ制作の基礎知識)_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:38:151288ブラウズ

HTML の仕組み:

1. ローカルで実行: ブラウザで HTML ファイルを開きます

2. リモートアクセス操作: ローカルブラウザがリモートサーバー (tomcal) にアクセスします

将来、Web ページのファイルはサーバーに保存されるため、Web ページのファイル名には中国語を含めないことをお勧めします。HTML ファイルを保存するときは、.htm または英語を使用することをお勧めします。 .html ファイルの接尾辞。

2. HTML ドキュメントの基本構造

1. ドキュメントのスケルトン: 通常、すべての Web ファイルは、ドキュメントのスケルトンを形成する次の 4 つのタグのペアで構成されます。


コードをコピーコードは次のとおりです:


Web ページのタイトル</title<br /></head></p> <p><body><br>Web ページに表示されるコンテンツは次のとおりです<br></body><br></html><br><br> </div><html> ;....</html>: Web ページの始まりと終わりをマークします。すべての HTML 要素はこのタグのペアに配置する必要があります <br><head>....</head>: マークWeb ページ ファイル タイトル、検索エンジンのキーワードなどのヘッダー情報。内部のコンテンツが最初にロードされます。 <br><title>....: Web ページ ファイルのタイトルを識別します
...: Web ページ ファイルの主要部分、つまりページの表示コンテンツを識別します
2.メタタグ

meta タグは、ファイル情報を定義し、検索エンジンを容易にするために Web ページを記述するために使用されます。

の間に配置する必要があります。

キーワードの設定: (比較的短く、検索エンジンに使用されます)

値は、設定するキーワードを示し、複数のキーワードの間で区切って使用されます。 by
説明の設定: (キーワードを展開するか、Web ページのコンテンツの概要を提供するために使用されます)
値の説明を示します。複数の説明は次のように区切られます。
著者を設定します:
著者名は通常会社名です
エンコーディングを設定しますWeb ページ:

ページのタイミング ジャンプを設定します:
(content="2;url=http://www.baidu.com" 2 は何秒を意味します)このウェブページが URL で指定された宛先にジャンプするのに時間がかかりますか)

Web ページのバージョンを説明します:


他の Web ページ情報を設定できます:

Web ページを生成するソフトウェアについて説明します:



コードをコピーコードは次のとおりです:
http:// www.w3 .org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">










meta タグは、ファイル情報を定義し、検索エンジンの検索を容易にするために Web ページを記述するために使用されます。



3. 先頭領域



コードをコピーします
コードは次のとおりです:


Web ページのタイトルファイルのタイトル ステートメント
ドキュメントのキーワード、説明、文字セットなどの一部のドキュメント情報もっと。
ハイパーリンク URL ベース参照ポイント
JavaScript および VBScript プログラム
スタイルシートを使用してレイアウト宣言を設定できます
CSS レイアウト サンプルなどの外部ファイルを参照できます

3. HTML タグの構文

HTML の最も基本的な構文は Content です。マーカーは通常、開始タグと終了タグのペアで使用されます。終了タグのない単一のタグもあります。時間/>

HTML タグの種類: シングル タグとダブル タグ
ダブル タグ:
属性あり: <タグ名 属性="属性値">... 例: < font size="3">....
属性なし: <マーク名>... 例: ....< ;/タイトル></p> <p>単一タグ: <br />属性あり: <タグ名属性="属性値"> 例: <hr width="200"/> (デフォルトは中央揃え) <br>属性なし: < ;マーク名> 例: <br /></p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode71'));"><u>コードをコピー</u></span></div>コードは次のとおりです:</div> <div class="msgborder" id="phpcode71"> <br><!--属性: <タグ名属性="属性値">...</タグ名> 例:<font size="3">...</font>--><br> <font size="4" color="#33FF00"> 2. 体育教師は言いました: 私のクラスであえてスカートを履こうとする者は、逆立ちさせる罰を与えます! </font> </p> <p><!-- 属性なし: <タグ名>...</タグ名> 例: <title>->< ;

3. 私の心の中に住んでください、家賃を支払いましたか?
4. あなたは私がステージから降りることを不可能にしました、そして私はあなたがステージに上がることさえ不可能にしました

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。